隆Taller de Microfrontend!馃殌

Sum茅rgete en el futuro de las arquitecturas frontend escalables con nuestro taller.

Aprender Microfrontend

馃搯 隆No te pierdas esta oportunidad 煤nica!

El taller tiene cupos limitados y las inscripciones est谩n abiertas.

隆Asegura tu plaza ahora! M谩ximo 15 personas

S谩bados 18 y 25 de Noviembre de 2023

Reg铆strate aqu铆 鉃★笍 EMPEZAR

馃幆 驴Qu茅 aprender谩s?

馃挕 Beneficios

驴Informaci贸n sobre pr贸ximos talleres?
Suscr铆bete

馃摎 驴Temas que se abordar谩n en el workshop?

馃 驴Es para m铆?

馃晵 驴C贸mo y cu谩ndo?

馃摎 TEMARIO 馃摎

1. Introducci贸n a los Microfrontends (30 minutos)

  • 驴Qu茅 son los microfrontends?
  • Beneficios y retos
  • Casos de uso

2. Entendiendo Module Federation (1 hora)

  • Conceptos b谩sicos de Module Federation
  • Ventajas de usar Module Federation en microfrontends
  • Configuraci贸n b谩sica y c贸mo funciona

3. Creaci贸n de Microfrontends con Angular y React (2 horas)

  • Configuraci贸n inicial de proyectos Angular y React
  • Integrando Module Federation en Angular
  • Integrando Module Federation en React
  • Compartir componentes y servicios entre aplicaciones
  • Desaf铆os comunes y c贸mo abordarlos

4. Gesti贸n de Estado sin Redux/NgRx (1 hora)

  • 驴Por qu茅 no Redux o NgRx?
  • Alternativas para gestionar el estado
  • Implementando un gestor de estado personalizado
  • Comunicaci贸n entre microfrontends y sincronizaci贸n de estados

5. Estilizando con TailwindCSS (30 minutos)

  • Introducci贸n a TailwindCSS
  • Configuraci贸n de TailwindCSS en Angular y React
  • Implementando un gestor de estado personalizado
  • Creando componentes estilizados y compartibles

6. Estrategias de Testing con Cypress (1 hora)

  • Introducci贸n a Cypress
  • Configuraci贸n de Cypress para Angular y React
  • Escribiendo tests unitarios e integraci贸n
  • Escribiendo tests E2E
  • Mejores pr谩cticas para tests en microfrontends

7. Implementaci贸n de CI/CD con GitHub Actions (1 hora)

  • Conceptos b谩sicos de GitHub Actions
  • Creaci贸n de flujos de trabajo para CI
  • Automatizaci贸n de pruebas con Cypress en GitHub Actions
  • Automatizaci贸n de despliegues

8. Taller pr谩ctico: Integrando todo (1 hora)

  • Creaci贸n de un peque帽o ecosistema de microfrontends usando Angular y React
  • Compartir componentes, servicios y estado
  • Aplicando estilos con TailwindCSS
  • Escribiendo tests con Cypress
  • Configuraci贸n de CI/CD con GitHub Actions

9. Preguntas y Respuestas (30 minutos)