Extending the micro service idea to the frontend

Micro Frontends

Technology Agnostic

Each team should be able to choose and upgrade their stack without having to coordinate with other teams

Independent Deployment

Isolate Team Code

  • Don’t share a runtime, even if all teams use the same framework
  • Build independent apps that are self contained
  • Don’t rely on shared state or global variables

Module Federation

Introduced in Webpack 5 - share code and libraries between applications

Favor Native Browser Features over Custom APIs

Use browser events for communication instead of building a global PubSub system

single-spa

Demo

Microfrontends

By Eric Danowski

Microfrontends

  • 111