- 1única fuente para color, tipografía y espaciado
- 3principios: consistente, accesible y semántico
- 9estrellas en GitHub de gente de fuera
La situación
Todo producto que crece acaba igual: cuatro botones distintos que se llaman «botón», un azul que no es el azul, y una pantalla nueva que tarda tres días porque hay que decidir otra vez cosas que ya estaban decididas.
Qué se construyó
Una biblioteca de componentes publicada como paquete y consumida por las aplicaciones del propio repositorio, con los valores de color, tipografía y espaciado declarados una sola vez y usados en todas partes. Documentación viva al lado del código, para que se mire antes de escribir un componente nuevo.
Qué salió
Añadir una pantalla pasa a ser ensamblar piezas que ya existen y que ya son accesibles. La consistencia deja de depender de que alguien se acuerde.
Qué tiene esto que ver contigo
Es lo que hay por debajo de nuestro CRM y de cualquier herramienta a medida que construimos: si el producto va a vivir años, la disciplina se pone al principio o no se pone nunca.
Todos los casos