From the course: Building Production-Ready React Apps: Setup to Deployment with Firebase
Unlock the full course today
Join today to access over 24,400 courses taught by industry experts.
Install React router DOM v6
From the course: Building Production-Ready React Apps: Setup to Deployment with Firebase
Install React router DOM v6
- [Instructor] React Router is the standard routing library for React when you need to allow moving between multiple views of your single page application. It is a popular React library that is heavily used for client-side routing that takes care of keeping your application UI and URLs in sync, thanks to various components APIs like routes, link, switch, that you can use in your React application to render different components based on the URL path names in your single-page application. So in this section, we're going to learn to implement client-side routing with React Router. First, we start with the fundamentals and the basics. So let's head to this I'm new section. Then, we're going to see how to install the version six of the React Router library. So we're going to head to the setup section, and find this here script. This is npm install react-router-dom, and I'm going to run this in my app. Here we go. And so…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
-
-
-
-
-
(Locked)
Install React router DOM v62m 53s
-
(Locked)
Configure the routes and create a navigation component2m 51s
-
(Locked)
Use Link component to navigate between pages4m 58s
-
(Locked)
Allow navigation between multiple views5m 39s
-
(Locked)
Conditional rendering and protected route4m 45s
-
(Locked)
Use the React router hooks: useNavigate4m 58s
-
(Locked)
Use the React router hooks: useLocation4m 35s
-
(Locked)
Create the routes for "NotFound" and "Profile"5m 15s
-
(Locked)
Display the active link3m 42s
-
(Locked)
-
-
-