The answer
Use URL parameters for identity, query parameters for filters, Link state for one-time transitions, and server fetches for large data. The question of whether data should survive a reload dictates the pattern.
Roadmap: State and Data Flow for a React UI
How do I pass data between screens in this roadmap?
More FAQs in Roadmap: State and Data Flow for a React UI
State and data flow: identify the state, keep local state local, lift shared state to a common parent, use Context for widely-shared data, handle server state with React Query, pass data between screens appropriately, and keep one source of truth.
Because categorizing tells you which tool suits each. Local UI flags use useState, widely-shared state uses Context, and fetched data uses React Query. Without categorizing, you risk putting everything in one tool and creating re-renders or sync bugs.
After you have local state working and see what is genuinely shared. Put auth, theme, and other widely-shared, rarely-changed state in Context, and split Contexts by change rate to avoid unnecessary 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.