Micro FrontEnd

Título:

Micro FrontEnd: estrategias en el desarrollo de componentes reutilizables

Autor:

Curin, Betiana

Otros autores / Colaboradores:

 Cristina, Federico; [ Director/a]  Cabane, Alejandro; [ Asesor/a profesional] 

Temas:

LIBRERÍAS; 

URL:

http://sedici.unlp.edu.ar/handle/10915/140229,

Palabras clave:

componentes reutilizables, 

Nota de tesis:

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

Extensión:

1 archivo (13,0 MB) : il. col.

Resumen:

El presente trabajo contiene información sobre distintas herramientas que posibilitan la generación de componentes reutilizables a ser usados por desarrolladores Frontend. En las secciones que lo componen se detallan las diferentes estrategias implementadas y buscadas junto con las ventajas y desventajas de cada una. Además, existe un apartado que cuenta con herramientas de despliegue de la aplicación.

Puede solicitar más fácilmente el ejemplar con: TES 22/03

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