Collective #463

Introducing Hooks
Hooks are a new React feature proposal that lets you use state and other React features without writing a class.
Read it
Pramp - Free frontend interview practice
Can you ace an interview? Make sure you can. Pramp, a peer-2-peer mock interviews platform allows you to practice on-demand for free. Get ready for your next coding interview.
Check it out
The Platform
Web APIs turned into React Hooks and suspense-friendly React components.
Check it out
IronDB
IronDB is a resilient key-value store for the browser.
Check it out
turtle.audio
An impressive music sequencer inspired by turtle graphics programming. Made by Kyle Stetz.
Check it out
Server to Client
Ali Alabbas describes all the details in the process of going from server to client.
Read it
Video Playback On The Web: Video Delivery Best Practices (Part 2)
The second post in a series of articles on video performance on the web. By Doug Sillars.
Read it
Playing Mortal Kombat with TensorFlow.js. Transfer learning and data augmentation
Minko Gechev shares his experience of building a posture classification algorithm using TensorFlow.js and MobileNet.
Read it
Initab
A Chrome extension that will fill a new tab page with a dashboard of useful programming tools and resources.
Check it out
The State of JavaScript - The State of the Web
An interview with Addy Osmani about the state of JavaScript.
Watch it
A to Z Resources for Students
A fantastic collection of useful coding resources.
Check it out
Visualizing quaternions
An absolutely revolutionary explorable video series on quaternions and 3D rotation by Ben Eater. Watch the preface by Grant Sanderson.
Check it out
The Three Types of Performance Testing
Harry Roberts explains the different types of performance testing and what they imply for devs and businesses.
Read it
Concise Media Queries with CSS Grid
Stephen Lindberg shows how to make responsiveness easy with CSS Grid and Media Queries.
Read it
lazy-brush
A library that provides the math required to implement a "lazy brush" for smooth drawing with a mouse, finger or any pointing device.
Check it out
Collection of React Hooks
Nik Graf started this collection of React Hooks.
Check it out
TeXMe
TeXMe is a lightweight JavaScript utility to create self-rendering Markdown and LaTeX documents.
Check it out
The Minesweeper game in 100 lines of JavaScript
Learn how to code the Minesweeper game in JavaScript.
Read it
Using dark mode in CSS with MacOS Mojave
Paul Miller shows how to use Dark Mode in CSS with the prefers-color-scheme
query.

lastdoor.store
A new place for design resources.
Check it out
Fourier Fonts
A demo Tero Parviainen where an estimation of font glyphs is done using "Elliptical Fourier Features" as described in this paper.
Check it out
Stop building websites with infinite scroll!
Fatih Kadir Akin explains why he believes you should stop building websites with infinite scroll.
Read it
Free Font: Plebis
A playful greek-latin font designed by "Under Pressure".
Check it out