Collective #463
![C463_Hooks](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C463_Hooks.jpg?x86293)
Introducing Hooks
Hooks are a new React feature proposal that lets you use state and other React features without writing a class.
Read it![C463_Pramp](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C463_Pramp.png?x86293)
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![C463_theplatform](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C463_theplatform.jpg?x86293)
The Platform
Web APIs turned into React Hooks and suspense-friendly React components.
Check it out![C463_Irondb](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C463_Irondb.jpg?x86293)
IronDB
IronDB is a resilient key-value store for the browser.
Check it out![C463_turtleaudio](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C463_turtleaudio.jpg?x86293)
turtle.audio
An impressive music sequencer inspired by turtle graphics programming. Made by Kyle Stetz.
Check it out![C463_servertoclient](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C463_servertoclient.jpg?x86293)
Server to Client
Ali Alabbas describes all the details in the process of going from server to client.
Read it![C463_video](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C463_video.jpg?x86293)
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![C463_tensor](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C463_tensor.jpg?x86293)
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![C463_initab](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C463_initab.jpg?x86293)
Initab
A Chrome extension that will fill a new tab page with a dashboard of useful programming tools and resources.
Check it out![C463_stateofjs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C463_stateofjs.jpg?x86293)
The State of JavaScript - The State of the Web
An interview with Addy Osmani about the state of JavaScript.
Watch it![C463_atoz](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C463_atoz.jpg?x86293)
A to Z Resources for Students
A fantastic collection of useful coding resources.
Check it out![C463_Quaternion](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C463_Quaternion.jpg?x86293)
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![C463_typestesting](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C463_typestesting.jpg?x86293)
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![C463_cssgrid](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C463_cssgrid.jpg?x86293)
Concise Media Queries with CSS Grid
Stephen Lindberg shows how to make responsiveness easy with CSS Grid and Media Queries.
Read it![C463_lazybrush](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C463_lazybrush.jpg?x86293)
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![C463_hookscoll](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C463_hookscoll.jpg?x86293)
Collection of React Hooks
Nik Graf started this collection of React Hooks.
Check it out![C463_texme](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C463_texme.jpg?x86293)
TeXMe
TeXMe is a lightweight JavaScript utility to create self-rendering Markdown and LaTeX documents.
Check it out![C463_minesweeper](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C463_minesweeper.jpg?x86293)
The Minesweeper game in 100 lines of JavaScript
Learn how to code the Minesweeper game in JavaScript.
Read it![C463_darkmode](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C463_darkmode.jpg?x86293)
Using dark mode in CSS with MacOS Mojave
Paul Miller shows how to use Dark Mode in CSS with the prefers-color-scheme
query.
![C463_resources](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C463_resources.jpg?x86293)
lastdoor.store
A new place for design resources.
Check it out![C463_fourier](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C463_fourier.jpg?x86293)
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![C463_infscroll](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C463_infscroll.jpg?x86293)
Stop building websites with infinite scroll!
Fatih Kadir Akin explains why he believes you should stop building websites with infinite scroll.
Read it![C463_plebisfont](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C463_plebisfont.jpg?x86293)
Free Font: Plebis
A playful greek-latin font designed by "Under Pressure".
Check it out