Questions
8 of 14
1Discuss react router?
2Implement declarative mode to implement router?
3Implement nested routes in declarative mode?
4What are layout routes and index routes?
5What are route prefixes?
6How can we handle dynamic segments of a route in declarative routing ?
7How to link to routes from components?
8Implement Data mode of routing?
9Implement nested routes in Data mode of routing?
10Implement Layout and Index routes in Data mode of routing?
11How to set a route prefix in data mode?
12Discuss route object?
13List important routing related hooks?
14What are different ways to redirect in react?
reactreact
Basics
JSX
Virtual DOM
Reconciliation
State and Props
Components
Class Components
Function Components
Lifecycle functions
Code Sharing
Hooks
useState
useReducer
useMemo
useContext
useCallback
useEffect
Custom Hooks
New Hooks
HOC
Refs
Data Sharing
Events
Context API
Redux
Router
CSR-SSR
React APIs
Performance Optimisation
ReactDOM
Strict Mode
Security
08 / 14

Implement Data mode of routing?

Routes are configured as the first argument to createBrowserRouter. At a minimum, you need a path and component:

In your main.js file create a router object using the BrowserRouter function
Render the <RouterProvider> in root component
  1. 1

    Put the outlet in app.js <Outlet/>

  2. 2

    Create a Navbar with all the routes