🧩 Cómo escribimos componentes

Esta sección define los componentes de interfaz que utilizaremos en el frontend y la forma en que serán implementados y mantenidos. El objetivo es contar con un conjunto de componentes reutilizables, consistentes y fáciles de mantener, que sirvan como base para la construcción de la interfaz de usuario.

Cada componente está diseñado para:

• Mantener consistencia visual y de interacción en toda la aplicación.

• Ser fácilmente combinable y extensible.

• Seguir buenas prácticas de accesibilidad y usabilidad.

• Reducir duplicación de lógica y estilos.

En las siguientes subsecciones se documenta la estructura, uso y convenciones de cada componente, así como las pautas para crear nuevos componentes o extender los existentes.

Contenido

• Estilos y Tailwind Configuración de estilos, colores y temas con Tailwind CSS. 👉 Estilos y Tailwind

• Rendering Cómo se renderizan los componentes y el árbol de componentes. 👉 Rendering

• Estructura de un componente Convenciones de naming, organización interna y buenas prácticas. 👉 Estructura de un componente

• Átomos y bases (Shadcn) Componentes base accesibles y extensibles. 👉 Átomos y bases

• Custom Componentes personalizados del proyecto. 👉 Custom