Plantilla React MFE
Plantilla reutilizable para crear micro frontends con React, TypeScript, Tailwind CSS y Vite. Incluye sistema de diseno, testing y CI/CD.
¿Qué es?
Una plantilla reutilizable para crear micro frontends con React, TypeScript, Tailwind CSS y Vite. Diseñada para funcionar con el React MFE Shell como shell de aplicación.
Incluye configuración de ESLint, Prettier, pre-commit hooks, Vitest, tsup para builds de librería y release-please para versionado automatizado.
Características
- Vite + React + TypeScript — setup moderno con HMR
- Tailwind CSS — utilidades de estilo integradas
- Dual build — aplicación (Vite) y librería (tsup)
- Testing — Vitest con configuración lista
- CI/CD — GitHub Actions y release-please
- Pre-commit — hooks para linting y formateo
¿Por qué importa?
Reduce el tiempo de setup de un nuevo micro frontend de horas a minutos. La plantilla incluye todas las convenciones del equipo — linting, testing, builds, CI/CD — para que cada nuevo MFE arranque con los mismos estándares.
Referencias
- Repositorio en GitHub — jonmatum, 2025. Código fuente y guía de uso.
Contenido relacionado
- Monorepos
Estrategia de organización de código donde múltiples proyectos coexisten en un único repositorio, compartiendo dependencias, configuración y herramientas de build.
- Micro Frontends
Patrón arquitectónico que extiende los microservicios al frontend, permitiendo que equipos independientes desarrollen y desplieguen partes de una aplicación web de forma autónoma.
- React
Biblioteca de JavaScript para construir interfaces de usuario mediante componentes declarativos y reutilizables, con un ecosistema que abarca desde SPAs hasta aplicaciones full-stack con Server Components.