:tada: 优雅且实用的基于 webpack module federation 的微前端解决方案 / Elegant and practical micro front-end solution based on webpack module federation.

Lingjie (means zero boundary) is a zero-cost way to implement micro frontend.

✨ Create a microfrontend architecture as simple as CRA.

Micro frontends as Fun with Next.js & module federation

Module federation example using nested routers

A mindmap summarising micro-frontends concepts

Demos for my talk about "Microfrontends with Blazor". :rocket:

Micro Front-end react apps created by Create-React-App, Connect multiple react apps to single parent app.

This project is an Angular mlti-repo Webpack Module Federation example. It shows ways of communication, orchestration, organization and nesting of Micro Frontends.

Implementation of NX Angular Dynamic Module Federation with Docker, webpack5. For backend it will be used Spring Boot and Kafka Message Broker.

React micro-frontend PoC with Webpack Module Federation, Lerna and Typescript.

An example of simple shared state/data between micro-frontends

Microfrontend fun example project

A micro-frontend React.JS app using Module Federation Approach. This app was made while following a tutorial on Udemy.

Monorepo for the Juno microfrontend framework, microfrontend apps, design system and component library

🛬 A demo microfrontend SaaS app landing page, authentication and dashboard built with React, Vue and Webpack Module Federation using Run-Time Integration.

SDK intended for use inside Micro Frontends to conveniently communicate with Isomorphic Layout Composer.

A sample app to demo micro frontends in action

Sample project created to explain building a micro-frontend application using Vite, React, and TypeScript. It showcases how to seamlessly integrate remote applications, enabling scalable and maintainable architecture.

Starter for Vite Nuxt 3 Micro-frontend, with vite-plugin-federation. (Nuxt 3 as host and remote)

Demo about how to create an angular microfront and integrate it on different hosts (angular, python, react, plain javascript)

example implementation of microfrontend architecture

Micro-frontend container app.

WIP: Micro-frontend module federation webpack 5

A monorepo to showcase micro frontend architecture between 2 different libraries (React, SolidJs)

A micro frontend app built over Module Federation - Webpack and Lerna Monorepo. Used for sharing components as modules acroos different Frontend application.

Micro Frontends is a concept of sharing components as modules/services with different frontend applications, without actually exporting the app as a whole.

Webpack 5 module federation proof of concept

A demo of microfrontend implementation in Angular using Native Federation.

🔬 A demo microfrontend shop app built with HTML, CSS, JavaScript, and Webpack Module Federation using Run-Time Integration.