Demo de React MFE Shell
Aplicación de demostración interactiva para el sistema de diseno React MFE Shell con PWA, métricas automatizadas y showcase de componentes.
evergreen#react#micro-frontends#demo#pwa#typescript
¿Qué es?
Una aplicación de demostración interactiva que muestra todos los componentes del sistema de diseno React MFE Shell. Incluye soporte PWA, métricas automatizadas y un showcase completo de componentes atómicos y moleculares.
Disponible como demo en vivo y como código fuente.
Características
- Showcase completo — todos los componentes atómicos y moleculares en acción
- PWA — funciona offline con service worker
- Métricas en tiempo real — estadísticas de bundle, tests y cobertura
- Temas — demostración de cambio entre modo claro y oscuro
- Release-please — versionado automatizado
¿Por qué importa?
Demuestra cómo documentar un sistema de diseno con una aplicación interactiva en lugar de documentación estática. Las métricas automatizadas garantizan que los datos mostrados siempre reflejan el estado real del paquete.
Referencias
- Demo en vivo — jonmatum, 2025. Showcase interactivo.
- Repositorio en GitHub — jonmatum, 2025. Código fuente.