The answer
When two or more siblings need the same data and must stay in sync. Lift it to their common parent, which owns the state and passes it down to both as props, creating a single source of truth.
React State and Data Flow Interview Questions
When do you lift state up in React?
More FAQs in React State and Data Flow Interview Questions
Props are inputs from a parent, read-only in the child. State is internal data the component owns and can change, triggering re-renders. Props are external; state is internal.
Context for widely-shared, rarely-changed data like auth and theme. Redux for complex, frequently-updated shared state with many interactions. Reach for Redux only when Context is genuinely insufficient.
Keep state local where possible, stabilize prop references with useMemo and useCallback, use React.memo for components that re-render often with the same props, and split Contexts by change rate to prevent unrelated re-renders.
Still have questions?
Browse all our FAQs or reach out to our support team
Want to upskill yourself?
Your learning library
Small steps. Big possibilities.
Find your next course. Build something great.