What is React Router and what are its basic parts?

React routing and forms · Freshers

Model answer

React Router is the most widely used routing library for React. It maps URLs to components. Basics: a router (createBrowserRouter with RouterProvider, or BrowserRouter), route definitions with a path and element, Link or NavLink for navigation without a page reload, and Outlet for nested routes.

Hooks such as useNavigate, useParams and useSearchParams read and change the URL.

Learn this topic

React Router: Multiple Pages, Links, Params, Layouts and Protected Routes in the course React.js Full Course: Beginner to Advanced.

Sign in to add your own answer.

More questions

• How do you read a URL parameter in React Router?
• What is the difference between Link and an anchor tag?
• How do protected routes work?
• What are nested routes and layout routes?
• Why keep filters and pagination in the URL?
• What is a controlled form in React?