https://github.com/ducnguyenhong/micro-fe-react-angular-vue
Micro Frontend with React, Angular and Vue
https://github.com/ducnguyenhong/micro-fe-react-angular-vue
angular microfrontend reactjs vuejs
Last synced: 2 months ago
JSON representation
Micro Frontend with React, Angular and Vue
- Host: GitHub
- URL: https://github.com/ducnguyenhong/micro-fe-react-angular-vue
- Owner: ducnguyenhong
- Created: 2024-11-28T03:28:28.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-28T03:34:06.000Z (over 1 year ago)
- Last Synced: 2025-08-27T06:46:55.225Z (10 months ago)
- Topics: angular, microfrontend, reactjs, vuejs
- Language: JavaScript
- Homepage:
- Size: 252 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Micro Frontend with React, Angular and Vue
This is a micro-frontend project combining three technologies: React, Angular, and Vue, using Webpack Module Federation. The application includes:
- **`app-shell`**: The parent application to manage the child applications `(React 18 + TypeScript)`
- **`react-child`**: A React-based child application `(React 18 + TypeScript)`
- **`vue-child`**: A Vue-based child application `(Vue 3 + TypeScript)`
- **`angular-child`**: An Angular-based child application `(Angular 16 + TypeScript)`. Currently, the microfrontend structure of Angular has limited support in newer versions.
## Usage
1. Clone this project
2. Run React child application: `cd /react-child` then `yarn install` then `yarn start`
3. Run Angular child application: `cd /angular-child` then `yarn install` then `yarn start`
4. Run Vue child application: `cd /vue-child` then `yarn install` then `yarn start`
5. Run Parent application: `cd /app-shell` then `npm install` then `yarn start`