Glossary term
What is colocate (State colocation)?
colocate stands for State colocation.
Keep state in the smallest component that needs it. A change then re-renders only that part of the tree.
Learn it properly · Scenario DebuggingLesson 3: Unnecessary Re-renders: Finding and Fixing ThemThe React Profiler, context updates that re-render every consumer, props that change each time, using memo on purpose and not everywhere, and what the React Compiler changes.