Kitten pour KissKissBankBank.com
2019-2022
Le Design System Kitten a été mis en place peu avant mon arrivée chez KissKissBankBank. Ma mission a été l'entretien, l'amélioration, l'ajout de nouveaux composants et la conformité vis à vis de nos exigences d'accessibilité et de qualité web.
Kitten est une bibliothèque de composants React, accompagnée d'une feuille de styles utilitaires. Les styles des composants sont à la fois gérés par les styles utilitaires mais aussi par des feuilles spécifiques aux composants, via Styled Components (une solution CSS-in-JS qui permet l'utilisation de code CSS).
Avec ma collaboration, Kitten a eu trois évolutions notables : la suppression de Radium pour la gestion des styles, la migration de composants legacy HTML + SCSS puis la modernisation de tous les composants.