ref callbacks are a little known feature in React, they’re used to perform an action when React attaches or detaches a ref to a DOM element. ref callbacks have a few use-cases, let’s look at some.
An explorable visualization of the modern HTML elements.
An interactive timeline showing how a React component with hooks runs including a quiz of React Riddles to test your knowledge.
Cleaner conditional rendering in React by matching values using component maps, optionally, lazy-load components to make a “lazy component map”
useReducer is not just for complex state-updating logic, it can be used for commonplace state updates; state updates that are not not complex, and not super simple either; medium reducers for mundane state updating logic.
There are a few cases where the React devtools can’t infer a name for a component, use displayName to avoid anonymous components in the devtools.
State Container Components are React components that just hold some often-changing state to isolate renders.
useReducer is not just for complex state-updating logic, it can be used for very simple state updates. One of the reducers two arguments can be ignored, making them either actionless or stateless.
Some small React tricks you may or may not have seen before.
Quick, semi-organized thoughts on why I’m starting a personal site
An Observable notebook 'explainable' to learn what typed arrays are, how they work and when to use 'm.