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.

Project setup and team structure

Project setup and team structure - React.js Tutorial

From the course: Micro Front-End Architecture with React

Project setup and team structure

- [Instructor] One of the core principles of micro frontend is independent development and deployment, which engineers on well structured projects and clearly define team roles. A strong setup ensures that teams can work independently on their assigned micro frontends without blocking each other. Modular code bases and responsibilities, improve development speed and reduce conflicts. Clearly defined ownership makes it easier to debug, update, and enhance specific parts of the application. Let's start by structuring the project directory and here is an example for that structure for a micro frontend setup. In this structure, each micro frontend, the cart, the checkout, the listing, and the container. In this structure, the listing, the cart, the checkout is a standalone project with its own SRC folder, its own webpack.config.js, its own package.json. The container acts as the host of the application containing the entire micro frontend. To streamline development, you can set up a…

Contents