¡Bienvenido a "Dominando Micro Frontends con single-spa"! Este curso te invita a explorar el fascinante mundo de las aplicaciones frontend, donde la clave es la modularidad y la eficiencia. Diseñado para llevar a los desarrolladores más allá de lo convencional, te sumergirás en la implementación avanzada de Micro Frontends, aprovechando la potente combinación de single-spa, React y Angular.
Node.js / npm : https://nodejs.org/
yarn : https://classic.yarnpkg.com/en/docs/install#mac-stable
pnpm : https://pnpm.io/es/
Asegurémonos de tener Node.js y npm instalados en nuestro sistema, además de Yarn, que es otro gestor de dependencias que proporciona ventajas adicionales.
Verifica la instalación de Node.js y npm:
node -v
npm -v
npm install -g yarn
yarn -v
Git será fundamental para la gestión del código fuente. Asegúrate de tener Git instalado y configurado con tus credenciales.
git --version
Configuración de Herramientas
https://single-spa.js.org/docs/devtools/
Single-spa es el framework que utilizaremos para construir Micro Frontends. Instalémoslo globalmente y exploremos su estructura básica.
npm install -g create-single-spa
npx create-single-spa
Lerna nos ayudará a gestionar nuestro monorepo. Configuremos Lerna y exploremos cómo organizar y estructurar nuestro código fuente de manera efectiva.
npm install -g lerna
npx lerna init
Firebase será nuestra herramienta para gestionar el despliegue eficiente de nuestras aplicaciones front-end. Conéctate a Firebase y crea tu proyecto.
npm install -g firebase-tools
Keycloak proporcionará una autenticación segura para nuestros usuarios. Configuremos Keycloak y exploremos su integración con nuestras aplicaciones front-end.