Micro FrontEnd : estrategias en el desarrollo de componentes reutilizables

Tesina (Licenciatura en Sistemas) - Universidad Nacional de La Plata. Facultad de Informática, 2022.

Objetivo -- Motivación -- Situación actual: Análisis de herramientas -- Generación de componentes reutilizables mediante configuración de proyecto como librería -- Creando una librería -- Publicar en un servidor -- Consumir el componente en el proyecto contenedor -- Ventajas y desventajas -- Microfronted -- Concepto -- Principales características -- Técnicas de implementación -- Aplicación modular -- Iframes -- Web component -- Web component -- Definición -- Tecnologías para crear elementos personalizables -- Custom elements -- Tipos de elementos personalizados -- Shadow DOM -- Conceptos de Shadow DOM -- HTML Templates -- Compatibilidad entre navegadores -- Proyecto/desarrollo realizado -- Uso de herramientas de la empresa -- Estructura de componentes en la aplicación contenedora -- Impacto del uso -- Angular elements -- Uso de Custom elements -- Cómo funciona -- Uso del angular elements -- Creación de un proyecto como Web Component con Angular elements -- Integración del componente en otro proyecto -- Comunicación entre la aplicación contenedor y el web component -- Uso de los templates loading y error -- Optimizaciones: compresión utilizando gzip y caché -- Estrategias para realizar despliegues -- Herramientas de integración contínua -- Jenkins -- Azure DevOps -- Resultados obtenidos -- Análisis a través de mediciones -- Comparación entre soluciones aplicadas -- Conclusiones y líneas futuras de trabajo -- Conclusiones -- Líneas futuras -- Utilización de module federation -- Referencias bibliográficas