Discuss react router?

Q: Discuss react router?

**Declarative:** Declarative mode enables basic routing features like matching URLs to components, navigating around the app, and providing active states with APIs like , useNavigate, and useLocation. **Data:** By moving route configuration outside of React rendering, Data Mode adds data loading, actions, pending states and more with APIs like loader, action, and useFetcher. **Framework:** Framework Mode wraps Data Mode with a Vite plugin to add the full React Router experience.

Difficulty: 5/10

basic routing, nested routes, protected routes

Routing in React is the process of managing navigation between different components or views within a single-page application (SPA). React uses React Router, a popular library, to handle routing and enable the dynamic rendering of components based on the URL.

There are three primary ways, or modes, to use it in your app, so there are three guides to get you started.

1
Declarative: Declarative mode enables basic routing features like matching URLs to components, navigating around the app, and providing active states with APIs like <Link>, useNavigate, and useLocation.
2
Data: By moving route configuration outside of React rendering, Data Mode adds data loading, actions, pending states and more with APIs like loader, action, and useFetcher.
3
Framework: Framework Mode wraps Data Mode with a Vite plugin to add the full React Router experience.

Scenario Questions

0-2 years experience

2-5 years experience

1We need a protected Dashboard route that only logged‑in users can see. Walk me through how you’d implement that with React Router.

Follow-up Questions