Mi Librería React
Boilerplate para crear librerías React con TypeScript, Rollup, Jest, Tailwind CSS, Husky y publicación en npm.
¿Qué es?
Un boilerplate para crear librerías React con TypeScript, Rollup para builds, Jest para testing, Tailwind CSS para estilos, Husky para pre-commit hooks y configuración para publicación en npm.
Disponible como código fuente.
Stack técnico
- TypeScript: tipado estricto para componentes exportables
- Rollup: bundler optimizado para librerías (tree-shaking, ESM + CJS)
- Jest: testing de componentes con React Testing Library
- Tailwind CSS: estilos utility-first incluidos en el bundle
- Husky: pre-commit hooks para lint y tests antes de publicar
Lecciones aprendidas
Rollup produce bundles más pequeños que Webpack para librerías porque elimina código muerto de forma más agresiva. La configuración de Tailwind requiere cuidado para no incluir estilos innecesarios en el paquete publicado. Publicar en npm con prepublishOnly scripts que ejecutan build + test garantiza que solo se publiquen versiones verificadas.
Referencias
- Repositorio en GitHub — jonmatum, 2024. Código fuente y configuración.
Contenido relacionado
- 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.
- Sistemas de Diseño
Colección de componentes reutilizables, patrones y guías que aseguran consistencia visual y de interacción en productos digitales a escala.