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.
Create the routes for "NotFound" and "Profile"
From the course: Building Production-Ready React Apps: Setup to Deployment with Firebase
Create the routes for "NotFound" and "Profile"
- [Instructor] Now we can successfully navigate between pages, but what we would like also is to improve the user experience by allowing the user to land on a page so they can read not found, something like that. And then they have the options to go back to the homepage. So let's do that. For your convenience as well, I am providing with code snippets. So this first one we're going to take, and we're going to do also this also, which is to create a page to read the user account information. So we're going to do that at the same time. So let's go inside the folder for the components and add a new component, not found. And paste, and this for the not found component. And while we are here, I'm going to create also another component which will be to display the user account information. So that's going to be profile .GS. And let's go back to the code snippets. Here as well, you're going to get this for free, so no need…
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)
-
-
-