Rule React

Lift State Minimally

Lift state only as high as the nearest common ancestor needs

reactstatearchitecture
CLAUDE.md

Lift state only as high as the nearest common ancestor that needs it. Don’t put everything in global state. The lower the state lives, the fewer components re-render when it changes.

Copy this block into your CLAUDE.md or agent config file to enforce it in your workflow.

get crystl