ArquitecturaPróximamente

Arquitectura de Micro-frontends

Los micro-frontends tienen que ver con el aislamiento módulo por módulo — con cómo cada uno puede implementarse, probarse y evolucionar sin depender del resto. Este mismo proyecto, por ejemplo, usa el concepto de Feature-Sliced Design, donde cada feature es un módulo completamente aparte del sistema real, con su propia arquitectura interna que no depende de la arquitectura externa para funcionar. Completamente desacoplado del código externo. Esta demo va a hacer esa arquitectura visible — un diagrama interactivo de la estructura de módulos — y va a mostrar Module Federation en la práctica: dos micro-apps compartiendo dependencias sin acoplar el deploy de uno al del otro.

Arquitectura Micro-frontends Module Federation Feature-Sliced Design

Tecnologías

  • Webpack 5 Module Federation
  • Feature-Sliced Design
  • Turborepo

Arquitectura

  • Diagrama interactivo de la estructura de Feature-Sliced Design del proyecto con dos micro-apps cargados vía Webpack 5 Module Federation compartiendo dependencias

Conceptos

  • Funcionalidades aisladas
  • Dependencias compartidas entre micro-apps
  • Deploy independiente

Área de demostración

La demostración interactiva de esta funcionalidad estará disponible próximamente.

Próximamente

La demostración interactiva de Arquitectura de Micro-frontends está en desarrollo. La arquitectura y los detalles técnicos ya están documentados arriba.

Seguir en GitHub
Se añaden nuevas demos regularmente