Biblioteca de Componentes

Interfaz de usuario de React compartida, publicada una vez, reutilizada en todas partes.

Código · Paquete npm

Cada proyecto lateral que construyo termina necesitando los mismos componentes de interfaz de usuario — un selector de tema, un calendario, un renderizador de markdown. Me cansé de reconstruirlos desde cero cada vez, así que los extraje en un paquete independiente que publico y mantengo yo mismo. Ahora un cambio de diseño se integra una sola vez y se propaga a través de cada aplicación que depende de él.

Lo que contiene

• ThemeSwitch — un selector animado de tema claro/oscuro con sol/luna, nubes y estrellas, en tres tamaños

• MonthlyCalendar — una cuadrícula de calendario sin dependencias con anotaciones por día y temas claro/oscuro integrados

  

• MarkdownRender — renderizado de GitHub-flavored markdown con customización de componentes y soporte para complementos de rehype

Cómo está construido

React 18/19 + TypeScript, empaquetado con Vite en modo de biblioteca tanto para ESM como CommonJS, con verificación de tipos estricta en todo.

• Exportaciones de subrutas y tree-shaking — cada componente tiene su propio punto de entrada (/theme-switch, /monthly-calendar, /markdown-render), por lo que los consumidores solo instalan lo que usan y solo las dependencias de pares que ese componente realmente necesita.
• CI pipeline — cada solicitud de cambio ejecuta una verificación completa en GitHub Actions: auditoría de dependencias, lint, verificación de tipos y compilación, antes de que nada pueda mergearse.
• Dependencias automatizadas + lanzamiento — Dependabot mantiene las dependencias actuales, y un script de lanzamiento personalizado publica nuevas versiones tanto en npm como en GitHub Packages.

Instálalo con pnpm add @macolmenerori/component-library, o toma solo la parte que necesitas — consulta la página npm para obtener la API completa.