Étude de cas
Shuriken UI
Ingénierie de design system sur la librairie open source derrière Tairo et Vuero.
01
Contexte
Shuriken UI est la librairie de composants Nuxt open source de CSS Ninja. Elle alimente Tairo et Vuero, les templates commerciaux du studio.
02
Problème
Rendre les composants de la librairie cohérents et thémables : les définitions de classes avaient grandi composant par composant, et la configuration de thème n’était pas appliquée uniformément.
03
Ce que j’ai fait
Développeur front-end senior chez CSS Ninja / Digisquad (mars 2022 – juin 2023), sur la librairie open source et les dépôts privés du studio.
04
Décisions techniques clés
Reconstruire les définitions de classes
Réécriture des définitions de classes de tous les composants de base et de formulaire sur une structure commune.
Aligner les composants sur le thème
Alignement d’une trentaine de composants sur la configuration de thème : un changement de thème s’applique partout.
05
Résultat
3ᵉ contributeur sur 8 du dépôt public : 44 contributions et 87 pull requests mergées (graphe des contributeurs).
06
Stack
- Nuxt
- Vue 3
- TypeScript
- Tailwind CSS
- Design system