Experimentos

Plantilla React MFE

Plantilla reutilizable para crear micro frontends con React, TypeScript, Tailwind CSS y Vite. Incluye sistema de diseno, testing y CI/CD.

evergreen#react#micro-frontends#template#typescript#vite#tailwind

¿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

Experimentos