Map of React API
A visual, spatial overview of the React API.
Latest Writing
useSyncExternalStore First Look
A first look at useSyncExternalStore, its rationale, its caveats and its non-library purposes, like syncing with Browser API’s for example
React ref Callback Use-Cases
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.
HTML Elements Visualized
An explorable visualization of the modern HTML elements.
Timeline of a React Component With Hooks
An interactive timeline showing how a React component with hooks runs including a quiz of React Riddles to test your knowledge.
(Lazy) Components Maps
Cleaner conditional rendering in React by matching values using component maps, optionally, lazy-load components to make a “lazy component map”
Medium Reducers in React
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, mundane reducers.
Avoid Anonymous Components With the displayName Property
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
State Container Components are React components that just hold some often-changing state to isolate renders.
Actionless and Stateless Reducers in React
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.
Neat Little React Tricks
Some small React tricks you may or may not have seen before.
State Updater Module Functions
Start of my personal site
Quick, semi-organized thoughts on why I’m starting a personal site
Introduction to Typed Arrays and ArrayBuffers
An Observable notebook 'explainable' to learn what typed arrays are, how they work and when to use 'm.