Saltar a contenido

Microfrontends

Los Microfrontends son una arquitectura de diseño que aborda los desafíos de la construcción y mantenimiento de aplicaciones web a gran escala. En lugar de crear una única aplicación monolítica, los microfrontends dividen la interfaz de usuario en piezas más pequeñas y autónomas, lo que permite un desarrollo y despliegue más eficiente.

Ventajas de los Microfrontends

  • Desarrollo Independiente: Cada microfrontend puede desarrollarse de forma independiente por equipos diferentes, utilizando tecnologías y marcos de trabajo específicos.
  • Escalabilidad: Permite escalar equipos de desarrollo y mantener aplicaciones complejas sin afectar a todo el sistema.
  • Despliegue Continuo: Los microfrontends pueden desplegarse de manera independiente, lo que agiliza el proceso de implementación y minimiza el impacto de los cambios.
  • Tecnología Variada: Se pueden utilizar diferentes tecnologías y versiones para cada microfrontend, lo que facilita la adopción de nuevas tecnologías sin tener que actualizar todo el sistema.

Microfrontends

Shell (Host)

El Shell de un microfrontend es el contenedor principal de la aplicación web, también conocido como "Marco" o "Marco de Integración". Es la capa más externa que envuelve y presenta los diferentes microfrontends que conforman la aplicación completa. La responsabilidad principal de la Shell es coordinar la carga y renderizado de los distintos microfrontends y proporcionar la interfaz de usuario final al usuario.

El Shell suele incluir la barra de navegación, la gestión de rutas, la lógica de autenticación y cualquier otra funcionalidad global que sea común a todos los microfrontends. Además, es responsable de la comunicación entre los diferentes microfrontends, permitiendo que interactúen y compartan datos cuando sea necesario.

Módulo

En el contexto de los microfrontends, un módulo se refiere a una parte independiente y funcional de una aplicación web que puede ser desarrollada, desplegada y mantenida de manera separada de otras partes de la misma aplicación. Cada módulo representa una funcionalidad específica, como una página, un widget, un componente o una característica particular.


Información

Para mas información sobre microfronted en general puede hacer click en el enlace:

Documentación MFE