[AskJS] Has anyone worked on implementing micro-frontends? if yes, at what scale?

This page summarizes the projects mentioned and recommended in the original post on /r/javascript

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • nx

    Smart Monorepos · Fast CI

    how would you compare single-spa to something like nx.dev?

  • lerna

    :dragon: Lerna is a fast, modern build system for managing and publishing multiple JavaScript/TypeScript packages from the same repository.

    Me and a colleague set up a monorepo (we called in multi-package repo to avoid the association with monolith), and used lerna to manage it all. In the end er had 6 shared packages (transpiled with babel) and 17 micro-frontends. Everything was react and typescript, the latter of which was a life-safer allowing us to easily make large refactorings in the shared packages.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  • single-spa

    The router for easy microfrontends

    I haven't seen that framework before. Really looks like they spent a ton of time on their cli and the micro-frontends are more tightly bound. One of the big things about Single-Spa is it is extremely loosely bound between the micro-frontends and it also can work in several different transpiled languages. So you can have an angular and react app sitting side by side. This is one of the biggest use cases that my work wanted, so that several disparate teams could work on their own pages with little impact on each other. I suggest you look up single-spa here: https://single-spa.js.org/

  • luigi

    Micro frontend framework (by SAP)

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts