Intro to React + How I Organize Files
What React actually is, what it is not, and the file structure I reach for on every new project.
Sr. Software Engineer
The blog bits.
Series: React Lunch & Learn
A ten-part series from the lunch-and-learn talks I gave to a React team: file organization, hooks, components, state, workers, and testing—in the order they build on each other.
Back to Posts-
-
Designing Good Custom React Hooks
Custom hooks are where the logic you pull out of components goes to live. Here is how to design ones that are reusable instead of just relocated.
Sr. Software Engineer
-
Differences Between useMemo and useCallback
What are useMemo and useCallback used for? We go over what they are and when you might want to use them in this post.
Sr. Software Engineer
-
Designing Good React Components
What separates a component you're glad to reuse from one you dread touching—props design, composition, and knowing when to split.
Sr. Software Engineer
-
State Management in React, Part 1: From useState to useReducer
A practical ladder for managing state in React: start local, lift when you must, reach for context and a store only when the pain is real.
Sr. Software Engineer
-
State Management in React, Part 2: Redux Toolkit and the Store
The reducer model goes global with Redux Toolkit: slices, Immer, async thunks—and an honest look at when a store is the wrong tool.
Sr. Software Engineer
-
Off the Main Thread, Part 1: The First Worker Win
The main thread runs your JS, your layout, your paint, and every click—all on one thread. The highest-leverage performance move most apps never make is getting heavy work off it.
Sr. Software Engineer
-
Off the Main Thread, Part 2: Comlink, OffscreenCanvas & The Fat Pipe
Part 1 moved one task off the main thread with raw postMessage. Part 2 is the architecture: ergonomic workers, off-thread rendering, and a streaming data pipe that never touches the frame.
Sr. Software Engineer
-
Testing React Like a User, Part 1: The Third User
A test suite at 99% coverage, all green, and the main feature of the app is broken. Nobody wrote a bad test. That is the interesting part.
Sr. Software Engineer
-
Testing React Like a User, Part 2: What to Test, and How Much
The Testing Trophy, use case coverage, and mocking at the network boundary—plus the honest answer to a team coverage gate, which is not to delete it.
Sr. Software Engineer