GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → rwieruch → react-micro-frontend-example

rwieruch / react-micro-frontend-example

Licence: other
One approach for a micro frontend in React.

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Labels

reactbabelwebpackreactjsmicro-frontendsmicro-frontend

Projects that are alternatives of or similar to react-micro-frontend-example

vue-mfe
✨ The easiest way to build a Vue.js micro front-end App.
Stars: ✭ 38 (-25.49%)
Mutual labels:  micro-frontends, micro-frontend
Microfrontends
Micro-frontend Architecture in Action-微前端的那些事儿
Stars: ✭ 2,696 (+5186.27%)
Mutual labels:  micro-frontends, micro-frontend
angular-react-microfrontend
🚧 React vs Angular ? Why not both ! Micro frontend demo using Angular and React alongs with a NodeJS API
Stars: ✭ 17 (-66.67%)
Mutual labels:  micro-frontends, micro-frontend
ragu
🔪 A micro-frontend framework with Server Side Rendering.
Stars: ✭ 85 (+66.67%)
Mutual labels:  micro-frontends, micro-frontend
Qiankun
📦 🚀 Blazing fast, simple and complete solution for micro frontends.
Stars: ✭ 11,497 (+22443.14%)
Mutual labels:  micro-frontends, micro-frontend
application-modernization-javaee-quarkus
Application Modernization Sample - From Java EE (2010) to Cloud-Native (2021)
Stars: ✭ 99 (+94.12%)
Mutual labels:  micro-frontends
scion-microfrontend-platform
SCION Microfrontend Platform is a TypeScript-based open-source library that helps to implement a microfrontend architecture using iframes.
Stars: ✭ 51 (+0%)
Mutual labels:  micro-frontend
micro-lc
An open source micro-frontend orchestrator
Stars: ✭ 199 (+290.2%)
Mutual labels:  micro-frontends
rallie
a library that helps users implement decentralized front-end micro service architecture
Stars: ✭ 285 (+458.82%)
Mutual labels:  micro-frontend
magic-portal
⚡ A blazing fast micro-component and micro-frontend solution uses web-components under the hood.
Stars: ✭ 86 (+68.63%)
Mutual labels:  micro-frontend
admincraft
Admincraft is a vue admin application quick build tool
Stars: ✭ 36 (-29.41%)
Mutual labels:  micro-frontends
m-app
📦 微应用容器组件，对 DOM、CSS、JS 进行硬隔离，达到真正的技术栈无关，并且运行时集成，微应用可独立开发、部署、升级。使用如 iframe 般简便，却超脱 iframe 的局限，你值得一试！
Stars: ✭ 81 (+58.82%)
Mutual labels:  micro-frontends
postmessagejs
postmessage-promise is a client-server like, WebSocket like, full Promise syntax (postMessage.then etc.) supported postMessage library. 一个类 client-server 模式、类 WebSocket 模式、全 Promise 语法支持的 postMessage 库
Stars: ✭ 33 (-35.29%)
Mutual labels:  micro-frontend
fronts
A progressive micro frontends framework for building Web applications
Stars: ✭ 493 (+866.67%)
Mutual labels:  micro-frontends
showcase
A Full Stack Journey with Micro Services and Micro Front Ends. Using dapr, kubernetes, react module federation and web assembly,
Stars: ✭ 45 (-11.76%)
Mutual labels:  micro-frontend
postchildren-desktop
👨‍👦‍👦 A E2E test visualization tool (get along with postman and postwoman)
Stars: ✭ 23 (-54.9%)
Mutual labels:  micro-frontend
symbiote.js
Simple, light and very powerful library to create embedded components for any purpose, with a data flow management included.
Stars: ✭ 40 (-21.57%)
Mutual labels:  micro-frontends
scalecube-js
Toolkit for working in microservices/micro-frontends architecture.
Stars: ✭ 63 (+23.53%)
Mutual labels:  micro-frontends
micro-frontend-gateway
🌐 Micro Frontends PoC in Angular - GATEWAY
Stars: ✭ 26 (-49.02%)
Mutual labels:  micro-frontends
qw-sdk-demo
将 react 业务组件打包成 umd
Stars: ✭ 15 (-70.59%)
Mutual labels:  micro-frontend
View All Similar Projects ➔

react-micro-frontend-example

Build Status Slack

How to transform a React application into a Micro Frontend architecture. Learn more about it here. Builds up on top of: Advanced React with Webpack setup.

Installation

  • git clone [email protected]: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
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].