From the course: Building Production-Ready React Apps: Setup to Deployment with Firebase
Unlock the full course today
Join today to access over 24,800 courses taught by industry experts.
Allow navigation between multiple views
From the course: Building Production-Ready React Apps: Setup to Deployment with Firebase
Allow navigation between multiple views
- [Instructor] Now, I'd like to complete this part, so where we can display the StockImages. While we are here, so I'd like to also update the names, so we don't confuse this with something else. Stocks, StockImages, actually. So let me just replace in a few places, we're going to make reference to StockImages instead. I'm going to also replace the name, StockImages, I'd like to read and I'm going to replace with the name, right here. We're going to read StockImages, like this, here as well. And here as well, I'm going to refer to StockImages. And when we want to navigate also to this page. So in the navigation, we must replace, I think the way we have defined, I haven't changed it yet so I'm going to write StockImages and that should really be something dynamic. But we're going to take care of that later on because the purpose is to actually display the user, the currentUser images. And here we're going to read My Stock…
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)
-
-
-