https://github.com/rwieruch/react-micro-frontend-example

One approach for a micro frontend in React.
https://github.com/rwieruch/react-micro-frontend-example

babel micro-frontend micro-frontends react reactjs webpack

Last synced: 6 months ago
JSON representation

One approach for a micro frontend in React.

• Host: GitHub
• URL: https://github.com/rwieruch/react-micro-frontend-example
• Owner: rwieruch
• Created: 2018-01-23T16:38:42.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2020-06-12T08:17:53.000Z (over 5 years ago)
• Last Synced: 2025-04-11T11:04:17.702Z (6 months ago)
• Topics: babel, micro-frontend, micro-frontends, react, reactjs, webpack
• Language: JavaScript
• Homepage: https://www.robinwieruch.de
• Size: 272 KB
• Stars: 56
• Watchers: 4
• Forks: 16
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

README

          
# react-micro-frontend-example

[![Build Status](https://travis-ci.org/rwieruch/react-micro-frontend-example.svg?branch=master)](https://travis-ci.org/rwieruch/react-micro-frontend-example) [![Slack](https://slack-the-road-to-learn-react.wieruch.com/badge.svg)](https://slack-the-road-to-learn-react.wieruch.com/)

How to transform a React application into a Micro Frontend architecture. [Learn more about it here](https://www.robinwieruch.de/react-micro-frontend). Builds up on top of: [Advanced React with Webpack setup](https://github.com/rwieruch/advanced-react-webpack-babel-setup).

## Installation

- `git clone git@github.com:rwieruch/react-micro-frontend-example.git`

- `cd react-micro-frontend-example`

- `npm install`

- `npm start`

- visit `http://localhost:8080`

## Usage

- `npm run start`

- Micro Frontend 1: `npm run start:programming`

- Micro Frontend 2: `npm run start:installation`