𝗕𝗿𝗼𝘄𝘀𝗲𝗿 𝗥𝗼𝘂𝘁𝗲𝗿 𝗶𝗻 𝗥𝗲𝗮𝗰𝘁

𝗕𝗿𝗼𝘄𝘀𝗲𝗿 𝗥𝗼𝘂𝘁𝗲𝗿 𝗶𝗻 𝗥𝗲𝗮𝗰𝘁

You build a React app. You want users to move between pages. You do not want the page to refresh.

Use Browser Router.

It connects URL paths to components. It helps you build Single Page Applications.

Without Browser Router:

• Full page reload.
• Slow speed.

With Browser Router:

• Fast navigation.
• No reload.

Setup: npm install react-router-dom

1. Import BrowserRouter.
2. Wrap your App component.

Main components:

• BrowserRouter: Enables routing.
• Routes: Holds your routes.
• Route: Defines the path.
• Link: Moves you between pages.

Do not use anchor tags. Use the Link component. It stops the page refresh.

Source: https://dev.to/jayashree_a84b6eff7bc414e/browser-router-in-react-lon