The answer
Wrap protected routes in a component that checks auth state and redirects unauthenticated users to login. Use it instead of scattering auth checks across every page component.
React Router Interview Questions for Frontend Developers
How do you protect routes for authenticated users?
More FAQs in React Router Interview Questions for Frontend Developers
React Router is a library for client-side routing in React apps. It maps URLs to components and lets users navigate without full page reloads, which makes a single-page app feel like a real website.
Link is for plain navigation. NavLink also provides active state, which is useful for styling the current menu item or highlighting the active route. Use NavLink when you need to show which route is currently active.
Outlet is where nested child routes render inside a parent layout. It is what makes shared layouts and nested routes work, by defining the layout once and letting child pages render inside it.
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.