React Component Parents & Owners: Rendering Performance
Being aware of the parent/owner component distinction can help isolate updates and increase rendering performance.
Latest Writing
Parents & Owners in React: Data Flow
There are two, similar but different component trees in React. Being aware of this difference can help you better structure your React application.
Running Promises In Parallel: A Visual Guide
Dealing with multiple promise efficiently using the Promise concurrency methods, visualized.
An Animated Guide to Reacts Optional Parameters
Reacts API includes several optional and alternative parameters which provide additional behavior like optimization or other extras. Let’s look at those as animated diagrams.
Map of React API
A visual, spatial overview of the React API.
useSyncExternalStore First Look
A first look at the useSyncExternalStore hook, its rationale, its caveats and its non-library purposes.
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 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.
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 it either actionless or stateless.
Neat Little React Tricks
Some small React tricks you may or may not have seen before.
State Updater Module Functions
In React, you can reuse state updater functions by moving them to module scope.
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 JavScript typed arrays are, how they work and when to use ’m.