Microfrontends a Developer's Guide: Exploring Projects and Managing Communication

1. core

   1 345 48,472 9.9 TypeScript

   🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web. (by vuejs)

   

   Products: Developed with Vue, this microfrontend displays product listings and details. It focuses on the user interface for browsing products.

2. SaaSHub

   www.saashub.com featured

   SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

   

3. microfrontends-root-config

   2 1 1 5.0 EJS

   Microfrontends project built with Single-SPA, this repo contains the source code for the Root Config

   

   Root Config

4. microfrontends-utility

   3 1 0 4.7 TypeScript

   Microfrontends project built with Single-SPA, this repo contains the source code for the Utility app

   

   Utility Modules

5. microfrontends-react

   4 1 0 5.0 TypeScript

   Microfrontends project built with Single-SPA, this repo contains the source code for the React (Navigation) app

   

   React (Navigation)

6. microfrontends-vue

   5 1 0 3.9 Vue

   Microfrontends project built with Single-SPA, this repo contains the source code for the Vue (Products) app

   

   Vue (Products)

7. microfrontends-angular

   6 1 1 3.9 TypeScript

   Microfrontends project built with Single-SPA, this repo contains the source code for the Angular (Checkout) app.

   

   Angular (Checkout)

8. RxJS

   7 105 30,934 8.1 TypeScript

   A reactive programming library for JavaScript

   

   Utility Module: Created with RxJS and Single-Spa, this microfrontend manages shared utilities and handles communication between different parts of the application.

9. redux

   8 292 60,986 8.8 TypeScript

   A JS library for predictable global state management

   

   Libraries like Redux or MobX can be used for state management, but it is important to weigh the pros and cons of introducing a centralized state.

10. React

    9 1,879 231,372 9.9 JavaScript

    The library for web and native user interfaces.

    

    Navigation: Built using React, this microfrontend is responsible for rendering the main navigation bar across the application.

11. MobX

    10 49 27,675 8.2 TypeScript

    Simple, scalable state management.

    

    Libraries like Redux or MobX can be used for state management, but it is important to weigh the pros and cons of introducing a centralized state.

12. Angular

    11 766 96,649 10.0 TypeScript

    Deliver web apps with confidence 🚀

    

    Checkout: Built using Angular, this microfrontend handles the checkout process, including the shopping cart and payment flow.

Suggest a related project