Aller au contenu
Blog
Ingénierie

De MUI à shadcn/ui : reconstruire notre design system

Leçons d'une migration depuis une lib CSS-in-JS lourde vers une bibliothèque de composants que l'on possède.

Par Kamga Simo Junior
De MUI à shadcn/ui : reconstruire notre design system

Une tentative précédente de ce site a été livrée sur MUI 5. Nous avons migré vers shadcn/ui. La motivation était triple : taille du bundle, flexibilité visuelle et propriété.

Taille du bundle

MUI livre ~80 Ko d'infrastructure CSS-in-JS au runtime avant le rendu du premier composant. Tailwind v4 + shadcn/ui livrent une feuille de style statique, calculée à la compilation, sans coût runtime.

Flexibilité visuelle

MUI a des opinions fortes sur la typo, l'espacement et la forme des composants. Ces opinions sont raisonnables mais elles se lisent comme « MUI » — pas comme « J7Soft ». shadcn/ui livre des primitives Radix non opinées, stylées avec des classes Tailwind éditables.

Propriété

Avec shadcn/ui, chaque composant vit dans notre dépôt. Nous pouvons en éditer n'importe lequel à n'importe quelle profondeur sans fork. Les mises à jour sont des copier-coller, pas des montées de versions majeures.

Tagsshadcnmuidesign-systemtailwind
Articles connexes

Articles connexes

Lire tout ce que nous publions

Parcourez nos dernières notes d'ingénierie, de produit et de société.