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.

Cart team development

Cart team development - React.js Tutorial

From the course: Micro Front-End Architecture with React

Start my 1-month free trial Buy for my team

Cart team development

“

- [Instructor] For the cart team, the same way micro-frontend was set up for the listing team, that same way the cart team also set up their micro-frontend project. The difference is that the cart is running on port 3002. And also, it is exporting the same thing. So the only difference in their setup is the port where it's working, the name that is being identified when it's being hosted for the bonding together. The third config is also set up, just like the listing teams. So, the App.jsx is bringing in a component for cart page, the cart page itself, and then the route to the cart page. Our styles contain the index.css, which is also a set up for Tailwind. And the component cart page, what this happens or what this handles is, when a file is been added to the cart, the cart page handles or catch that cart item and display. We are using useEffect and useState because we need to manage the state, which is the cart items, and then update the cart items. We are also using a React icon…

Contents