From the course: Micro Front-End Architecture with React
Unlock this course with a free trial
Join today to access over 24,800 courses taught by industry experts.
Finalizing the app routing - React.js Tutorial
From the course: Micro Front-End Architecture with React
Finalizing the app routing
- [Instructor] In this video, I'll show you what changes and how we fix our routing in the application. In the container folder, I created a new file called routes.js. This houses all the routes of the entire application. And if you notice, I bring in routes, the route, and then navigate. Now what happens here is that I bring all the remote application, the homepage, the listing, the cart, and the checkout all together into this place and modify the route for each of the application. What happens here is that each of the application would no longer be handling their routing, but the container will be the one handling the routing and the container means the host. If you check the container app.jsx, what changes here is that they no longer use routes or route. So the app.jsx houses all the routes of the entire application. And how did we do that? Now you notice we brought up routes and it wrapped inside the router element. That is the only change done in the app.jsx inside the container…
Contents
-
-
-
-
-
-
-
(Locked)
Project scope and team setup3m 59s
-
(Locked)
Repository and environment setup2m 32s
-
(Locked)
Book-listing team development8m 47s
-
(Locked)
Cart team development3m 21s
-
(Locked)
Checkout team development4m 6s
-
(Locked)
Coupling and deploying the complete app10m 42s
-
(Locked)
Finalizing the app routing5m 25s
-
(Locked)
-