Components

• #Storybook
• #Css Modules
• #NPM
• #Testing
• #Vite
• #React
• #Eslint

Descripción

Desarrollé esta librería de componentes reutilizables construida con React y TypeScript, empaquetada y distribuida a través de npm. El objetivo principal del proyecto es garantizar coherencia visual y funcional entre mis distintos proyectos personales y profesionales, evitando la duplicación de código y acelerando el desarrollo de nuevas interfaces. Además, funciona como un espacio de práctica constante para explorar patrones de diseño de componentes y buenas prácticas de arquitectura frontend.

Cada componente está documentado y probado individualmente mediante Storybook, lo que permite visualizar sus distintos estados, variantes y props de forma aislada, facilitando tanto el desarrollo como la revisión visual antes de integrarlos en producción. En cuanto a estilos, se utiliza una combinación de CSS Modules y Sass, lo que permite un scope de estilos seguro por componente junto con el poder de variables, mixins y anidamiento.

Uno de los aspectos clave de la librería es su sistema de theming mediante variables Sass modificables, lo que permite ajustar fácilmente la paleta de colores y el tono visual general según las necesidades de cada proyecto. Esto convierte a la librería en una base flexible y escalable, lista para adaptarse a distintas identidades de marca manteniendo consistencia estructural y de comportamiento.