Advanced React

Apply Advanced React (Nadia Makarevich, 2023) to a React change. The result is a named composition shape, code that matches it, or a review that cites book rules — not a generic React style pass and not a React 19 Compiler setup.

Next consumer: the implementer of the plan, the reviewer of the diff, or the user reading findings.

Done when the acceptance contract for the active mode is met and every claim that depends on a chapter was checked against that chapter's reference, not restated from memory.

Non-obvious intent: the book inverts the usual "wrap it in memo" reflex. State the composition-first choice out loud as you work — this is composition-first: the hot state moves down before any memo is added.

Detect the target

Read the repo's package.json (and the lockfile if the react range is loose). Record four facts before choosing a pattern:

1. React major (react / react-dom).
2. Compiler — present if babel-plugin-react-compiler (or the equivalent Vite/Next plugin) is a dependency or the eslint compiler rule is on.
3. Server-state / store — TanStack Query, SWR, Apollo, RTK Query, Zustand, Jotai, Redux Toolkit, or none.
4. UI library — MUI, Radix, Headless UI, shadcn/ui, Chakra, Ant, or hand-rolled.