Aller au contenu
Amine Mekki
← Retour aux projets

Librairie de composants React interne

Une librairie de composants React TypeScript réutilisables avec hooks personnalisés, publiée en deux packages NPM et documentée dans Storybook pour un usage à l’échelle de l’entreprise.

Rôle
Développeur Frontend, design systems
Client
Piximind
Stack
React, TypeScript, Storybook, Unit testing

Problème

Les équipes de l'entreprise reconstruisaient les mêmes briques d'UI. L'objectif : une librairie partagée et documentée que les produits pouvaient adopter en confiance.

Architecture

Une librairie React TypeScript avec hooks personnalisés, découpée en deux packages NPM pour que les consommateurs n'installent que le nécessaire. Storybook sert de documentation vivante de chaque composant et de ses états.

Décisions d'ingénierie

Deux packages plutôt qu'un monolithe

Découper la librairie réduit la surface de dépendances des consommateurs et laisse chaque package évoluer à son rythme.

Storybook comme contrat

Les états documentés servent aussi de surface de revue : un composant n'est pas terminé tant que sa story ne montre pas son comportement.

Qualité & fiabilité

Couverture de tests unitaires sur l'ensemble de la librairie pour garantir fiabilité et facilité d'intégration.

Résultat

Publiée en deux packages NPM avec une documentation Storybook complète, adoptée à l’échelle de l’entreprise.