The missing piece of testing React hooks and components?

September 8, 2021 By Mark Otto 0

A Guide to React Context and the useContext() Hook — While React Context can seemingly simplify component access to global data regardless of where those components are in the tree, useContext() can add its own brand of complexity, meaning it’s not suitable for every situation and.. “Sometimes drilling the props through 2-3 levels in the hierarchy isn’t a big problem.”

Dmitri Pavlutin

Looking for a Data Grid? Hop On a Tour of the KendoReact Grid — Breeze through your React data grid research as KendoReact PM Carl Bergenhem walks you through everything you need to know, from how the grid handles basic operations to custom editing and PDF & Excel export demos. Enjoy the video.

Progress KendoReact

Find React Jobs with Hired — Create a profile on Hired to connect with hiring managers at growing startups and Fortune 500 companies. It’s free for job-seekers.

State Management in Next.js Apps — Managing state in a Next.js application can get tricky very quickly. This looks at some patterns to help avoid complexity in common scenarios and avoid “provider hell.”

Átila Fassina

🛠 Code and Tools

Colorwaver: An Automated Color Palette Detection Mobile App — Simply point your mobile device at anything and this clever app will generate the appropriate colour palette for what is being viewed, as shown in this demo. If you want to see the codebase for a complete React Native app with optimized extra backend code, this is a good place to start.

Marc Rousavy

React Render Tracker — A tool to discover performance issues related to unintentional re-renders and unmounts.

Roman Dvornov

React Recipes — As a complement to beautiful-react-hooks we covered in 254, here’s yet another collection of hooks which may save you from writing a custom hook of your own.

Craig Walker

use-cannon — What makes an animation look ‘real’? One big thing can be physics, such as provided by these hooks for React Three Fiber. The ping pong demo illustrates the principle well.


Reactant — Ever wish that React was more like Angular? Controversial.. but this React framework was inspired by such an idea.

Michael Lin