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

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