The Wayback Machine - https://web.archive.org/web/20210804204620/https://github.com/topics/micro-frontend

#

micro-frontend

Here are 106 public repositories matching this topic...

umijs / qiankun

Star

Open

[Feature Request] 关于子系统的热重载问题

10

dengBox commented Aug 6, 2020

Background

目前使用qiankun2.x的版本，业务提出需求在发布新的版本时候，期望可以不刷新页面（主应用暂时不考虑）进行该系统的热重载。类似于pc端的热更新，期望qiankun可以导出unload方法，完全销毁app的生命周期，业务系统再次将其重载。

Proposal

翻看源码发现不能热更新的原因是因为import-html-entry中缓存了 embedHTMLCache
qiankun在importEntry时，如果已经获取过html资源，每次获取的都是内存中的html，以至于script & style也是缓存的
我的解决方案是，在import-html-entry中导出根据app去清除缓存的钩子函数
在qiankun中包裹其方法，根据single-spa的appStatus进行卸载应用

Read more

enhancement good first issue

phodal / microfrontends

Star

Micro-frontend Architecture in Action-微前端的那些事儿

micro-services microservices-architecture micro-frontends microfrontends micro-frontend microfrontend

Updated Jul 4, 2019

piral

smapiot / piral

Sponsor Star

Framework for next generation web apps using microfrontends. 🚀

react app awesome microservices typescript spa web modules portal webapp hacktoberfest webapplication microfrontends micro-frontend microfrontends-demo blazing microfrontend piral

Updated Aug 3, 2021
TypeScript

phodal / mooa

Star

Mooa 是一个为 Angular 服务的微前端框架。A independent-deployment micro-frontend Framework for Angular from single-spa.

angular microservices spa microservices-architecture microframework microfrontends micro-frontend

Updated May 28, 2020
TypeScript

micro-zoe / micro-app

Star

一种用于构建微前端应用的极简方案🚀

javascript webcomponents microapp micro-frontend

Updated Aug 4, 2021
TypeScript

berialjs / berial

Star

😈 Simple micro-front-end framework.

microservice micro-frontend

Updated Mar 25, 2021
TypeScript

CyberFei / puzzle

Star

A pluggable micro-frontend structure based on Vue and Webpack4. 基于 Vue 和 Webpack4 的可热插拔式微前端架构

vue pluggable hot-swap webpack4 micro-frontend

Updated Jun 16, 2021
Vue

billyjov / microfrontend-resources

Star

🔥 A curated list of resources about Micro frontends grouped by types

micro-frontends microfrontends micro-frontend microfrontends-demo microfrontend

Updated Jul 28, 2021

cliclitv / clicli-mfe

Star

🐥 clicli micro front end use berial / fre / react

react micro-frontend fre eplayer berial

Updated Sep 6, 2020
JavaScript

dabit3 / micro-frontend-example

Star

Building Micro Frontends with React, Vue, and Single-spa

react javascript vue micro-frontend

Updated Jun 16, 2021
JavaScript

micro-frontends-vue / preload-routes

Star

micro-frontends-vue preload routes demo

vue micro-frontend microfrontends-demo

Updated May 11, 2021
Vue

CHU295 / Micro-Frontends-practice

Star

基于qiankun的微前端实践，提供更为简单、完整的项目

react html webpack vue js micro-frontends micro-frontend microfrontend qiankun

Updated Aug 4, 2021
JavaScript

ragu

ragu-framework / ragu

Star

🔪 A micro-frontend framework with Server Side Rendering.

react vue server-side-rendering hacktoberfest micro-frontends micro-frontend micro-frontend-framework

Updated Jun 15, 2021
TypeScript

bytedance / magic-portal

Star

⚡ A blazing fast micro-component and micro-frontend solution uses web-components under the hood.

application microservices component micro-frontend micro-component

Updated Jul 29, 2021
TypeScript

ranjanrajiv00 / micro-frontends

Star

micro-frontends architecture with reactjs, nodejs, express

nodejs microservices ssr reactjs expressjs micro-frontend

Updated Feb 13, 2019
JavaScript

wx-chevalier / Web-Engineering-Series

Star

Web 工程化体系与应用架构探究，模块化、组件化、微前端、框架设计与实现

web micro-frontend

Updated Jul 26, 2021
HTML

rwieruch / react-micro-frontend-example

Sponsor Star

One approach for a micro frontend in React.

react babel webpack reactjs micro-frontends micro-frontend

Updated Jun 12, 2020
JavaScript

micro-frontends-vue / async-routes

Star

micro-frontends-vue async load routes demo

vue micro-frontend microfrontends-demo

Updated May 11, 2021
Vue

storefront

ecomplus / storefront

Star

Modern and high performant headless eCommerce Storefront. PWA & JAMstack architecture ready for E-Com Plus APIs. Built with Vue.js, extensible through widgets and editable with Netlify CMS.

vue webpack-boilerplate storefront bootstrap4 monorepo e-commerce ui-components pwa-ecommerce ejs-templates netlify-cms micro-frontend ecomplus jamstack-storefront headless-ecommerce

Updated Aug 4, 2021
JavaScript

tony709394 / postchildren-web

Star

👨‍👦‍👦 A E2E test visualization tool (get along with postman and postwoman)

visualization test end-to-end micro-frontend

Updated Apr 29, 2021

vue-mfe

givingwu / vue-mfe

Star

✨ The easiest way to build a Vue.js micro front-end App.

vue micro-frontends micro-frontend vue-mfe vue-micro-frontend microfontends

Updated Jul 17, 2020
JavaScript

borvelt / vuejs-microfrontend

Star

Micro FrontEnd - Vue JS

vuejs vue-cli micro-frontend

Updated Jun 18, 2021
JavaScript

sjefvanleeuwen / showcase

Star

A Full Stack Journey with Micro Services and Micro Front Ends. Using dapr, kubernetes, react module federation and web assembly,

Updated Mar 30, 2021
JavaScript

scion-microfrontend-platform

SchweizerischeBundesbahnen / scion-microfrontend-platform

Star

SCION Microfrontend Platform is a TypeScript-based open-source library that helps to implement a microfrontend architecture using iframes.

messaging routing iframe cross-origin webcomponent micro-frontend microfrontend microfrontend-architecture

Updated Jul 23, 2021
TypeScript

tony709394 / postchildren-desktop

Star

👨‍👦‍👦 A E2E test visualization tool (get along with postman and postwoman)

visualization test end-to-end micro-frontend

Updated Apr 29, 2021

FrominXu / postmessagejs

Star

postmessage-promise is a client-server like, WebSocket like, full Promise syntax (postMessage.then etc.) supported postMessage library. 一个类 client-server 模式、类 WebSocket 模式、全 Promise 语法支持的 postMessage 库

websocket promise client-server postmessage postmessage-library micro-frontend postmate postmessage-promise postmessage-then micro-frontend-iframe postmessagethen

Updated Jun 21, 2021
JavaScript

sakitam-gis / map-popup-useage

Star

这是一个主要用于说明 [maptalks](https://maptalks.org) 的 `InfoWindow` 如何与 `Vue` 、`React` 等前端框架融合的示例仓库。

redux hooks vue vuex lerna maptalks micro-frontend qiank

Updated Oct 14, 2019
JavaScript

billyjov / angular-react-microfrontend

Star

🚧 React vs Angular ? Why not both ! Micro frontend demo using Angular and React alongs with a NodeJS API

angular reactjs web-components typeorm micro-frontends angular-elements micro-frontend microfrontends-demo microfrontend

Updated Aug 3, 2021
TypeScript

aacgn / atomic

Star

Atomic is moving forward https://github.com/rollcakejs

javascript virtual-dom vuejs angular reactjs atoms molecules postmessage dom-events micro-frontends single-spa micro-frontend transition-page atomic-template

Updated Jul 26, 2020
JavaScript

Ming

Vizards / Ming

Star

基于 qiankun 和 umi3.x 的实验性微前端脚手架。 An Experimental Micro-frontend Scaffold based on qiankun & umi3.x.

micro-frontend umijs qiankun umi3

Updated Jun 24, 2021
TypeScript

Improve this page

Add a description, image, and links to the micro-frontend topic page so that developers can more easily learn about it.

Curate this topic

Add this topic to your repo

To associate your repository with the micro-frontend topic, visit your repo's landing page and select "manage topics."