Micro Frontends

Keyword

  • Micro frontends

Concept

The idea behind Micro Frontends is to think about a website or web app as a composition of features which are owned by independent teams. Each team has a distinct area of business or mission it cares about and specialises in. A team is cross functional and develops its features end-to-end, from database to user interface. (micro-frontends.org)

Demo

Create a repository master-app as a frame with navigation menu link to features, 2 repositories for development feature of each Team 1 and Team 2, a repository config-app help configuration micro frontends use Single-spa framework. Clone repositories then use yarn start to run demo at local dev.

Repositories

References

  • https://micro-frontends.org/
  • https://single-spa.js.org/
  • https://qiankun.umijs.org/
  • https://luigi-project.io/
  • https://www.freecodecamp.org/news/developing-and-deploying-micro-frontends-with-single-spa/