A practical approach to microfrontends architecture.
-
Updated
Dec 10, 2022 - JavaScript
A practical approach to microfrontends architecture.
Micro Front-end react apps created by Create-React-App, Connect multiple react apps to single parent app.
In this repository, you'll find the code examples and demonstrations discussed in the blog article. The article explores the core principles and techniques of micro frontend architecture using React.js, including Module Federation, asynchronous loading, error handling with SafeComponent, and sharing functions and states between micro frontends.
A micro-frontend React.JS app using Module Federation Approach. This app was made while following a tutorial on Udemy.
example implementation of microfrontend architecture
Sample code which shows single-spa in action
A monorepo to showcase micro frontend architecture between 2 different libraries (React, SolidJs)
Stenciljs component in react step by step guide
🔬 A demo microfrontend shop app built with HTML, CSS, JavaScript, and Webpack Module Federation using Run-Time Integration.
A micro frontend implementation using LaunchDarkly single and multiple client-side SDK instances through module federation.
Micro Frontend build with React SPA and Webpack Module Federation. It is used to build the footer of the application.
Example App with Microfrontends in React, Vue and Single-SPA 🚀 This is a sample project that demonstrates how to build a modular and scalable web application using Microfrontends architecture with React and Single-SPA.
🔬 Micro Frontend example
Simple Sass app based on microfrontend architecture
Simplier Microfrontends Implemenatation with React and ESNext
Micro Frontend build with React SPA and Webpack Module Federation. It is used to build the main feature of the application (/app).
Micro Frontend build with React SPA and Webpack Module Federation. It is used as a container application.
Micro Frontend build with Single SPA (create-single-spa). It is used to build the Landing and Pricing page of the application.
Add a description, image, and links to the microfrontends-demo topic page so that developers can more easily learn about it.
To associate your repository with the microfrontends-demo topic, visit your repo's landing page and select "manage topics."