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: inspect build configuration and coverage of the affected components. A compiler dependency or lint rule is a detection clue, not proof that those components are compiled.
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.