The answer
When prop drilling gets deep. Context lets you provide shared data without threading props through every level. But do not use it for everything; keep state local when only one component needs it.
React Data Flow Best Practices: Props, State, and Beyond
When should I use Context in React?
More FAQs in React Data Flow Best Practices: Props, State, and Beyond
In one direction: data flows down through props, and changes flow up through callbacks. Respect this and do not push data sideways between siblings; lift shared data to a common parent instead.
Because duplication causes sync bugs. When the same data lives in multiple places, they can drift apart. A single source of truth keeps the app predictable and easier to debug.
Only when siblings need to share the data. Lift it to their common parent. Do not lift everything to the top of the tree, which creates a giant, hard-to-maintain root component.
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.