microfrontend-documentation

Frameworks and Libraries

This section provides an overview of popular frameworks and libraries used in the context of Micro Frontends. These tools help developers implement and manage Micro Frontends architectures effectively.

Single-spa

Single-spa is a JavaScript framework for front-end microservices. It allows you to build a single-page application (SPA) from multiple micro-applications. Single-spa is a popular choice for developers who want to create a modular, scalable, and maintainable front-end architecture.

Key Features:

• Framework-agnostic (supports React, Angular, Vue, etc.)
• Runtime integration
• Independent deployments
• Shared routing and state management

Webpack Module Federation

Webpack Module Federation is a feature of Webpack 5 that allows you to share code between different applications. It enables you to build a Micro Frontends architecture by creating a federation of modules that can be loaded dynamically at runtime.

Key Features:

• Build-time integration
• Shared dependencies
• Dynamic imports
• Framework-specific (requires same framework across micro frontends)

Bit

Bit is a tool for sharing and reusing components across different projects. It allows you to create, manage, and collaborate on components, making it easier to build and maintain Micro Frontends architectures.

Key Features:

• Component versioning
• Independent component development
• Cross-project sharing
• Component discovery and documentation

Piral

Piral is a framework for building modular applications. It provides a set of tools and libraries that help you create Micro Frontends architectures with ease. Piral is designed to simplify the development and deployment of complex front-end applications.

Key Features:

• Shell-based architecture
• Pilet system for micro frontends
• Built-in state management
• Development tools and debugging

Luigi

Luigi is a micro-frontend framework developed by SAP. It enables you to build modular, scalable, and maintainable front-end applications by combining different micro-frontends. Luigi provides a set of tools and libraries that help you create a seamless user experience across multiple micro-applications.

Key Features:

• Enterprise-focused
• Multi-framework support
• Centralized navigation
• Built-in authentication and authorization

Mashroom Server

Mashroom Server is a micro-frontend server that allows you to build modular front-end applications. It provides a set of tools and libraries that help you create a Micro Frontends architecture with ease. Mashroom Server is designed to simplify the development and deployment of complex front-end applications.

Key Features:

• Server-side composition
• Plugin-based architecture
• Express.js integration
• Template-based rendering

Open Components

Open Components is a project that aims to simplify the development of Micro Frontends architectures. It provides a set of tools and libraries that help you create modular, scalable, and maintainable front-end applications. Open Components is designed to make it easier to build and deploy complex front-end applications.

Key Features:

• Component registry
• Server-side rendering
• Multi-language support
• Component versioning

Additional Tools

Lattice (Netflix)

An internal framework developed by Netflix for building micro frontends, focusing on server-side rendering and performance optimization.

qiankun

A micro frontend framework based on single-spa, popular in the Chinese developer community, providing enhanced features and better developer experience.

EMP (Electron Micro Frontend Platform)

A framework specifically designed for Electron applications, enabling micro frontend architecture in desktop applications.