Monorepo React Micro Frontends

Technologies   |    How To Use   |    License   |    Inspiration

🚀 Technologies

This project was developed with the following technologies:

• ReactJS
• React Router
• React App Rewired
• Http Proxy Middleware
• Lerna
• Eslint
• Prettier
• Husky

ℹ️ How To Use

To clone and run this application, you'll need Git, Node.js v10.16 or higher + Yarn v1.13 or higher installed on your computer.

Create a .env file based on the .env.example contained in each module of the project and fill in the necessary information.

From your command line:

# Clone this repository
$ git clone https://github.com/douglasdeoliveira/react-micro-frontends

# Install dependencies
$ cd react-micro-frontends && yarn

# Run all micro-frontends together
$ yarn start

Another examples:

# Run a specific micro-frontend
# yarn start:MODULE_NAME (see package.json)
$ yarn start:foo

# Install global dependency on the project
$ yarn add react -W

# Install dependency on a specific module
# yarn workspace MODULE_NAME YARN_COMMAND
$ yarn workspace @project/foo add react

📝 License

This project is under the MIT license. See the LICENSE for more information.

📚 Inspiration

• Micro Frontends
• 5 Steps to Turn a Random React Application Into a Micro Front-End

Made with ♥ by Douglas de Oliveira 👋 Get in touch!