The answer
Because Button, Card, Input, and Avatar are used everywhere. Building them once with consistent styling means your UI stays consistent and you do not write the same styling on every page.
Roadmap: Setting Up the UI Foundation for a React Project
Why build reusable primitives early in a React UI?
More FAQs in Roadmap: Setting Up the UI Foundation for a React Project
The foundation: plan the structure, set up the project, build the layout, create page component stubs, build reusable primitives, add loading and error states as stubs, and connect to real data as the backend is ready.
Because the layout is the shell every page uses. Building it first means every page renders inside a consistent shell from the start, with the persistent UI like header and sidebar in one place.
So every page has them from the start, instead of retrofitting later when the UI breaks on real fetching. Even stubs establish the pattern, so the foundation is solid when you add real data.
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.