Home

Kimia-UI

Kimia-UI

Context

Avant d'utiliserTailwind CSS, j'utilisais bootstrap et une bibliothèque d'interface utilisateur basée sur boostrap pour créer mes applications React. Au fil du temps, j'ai fait de la performance une priorité et c'est là que j'ai découvert que mes applications étaient lentes en raison de javascript et de css inutilisés.

Après l'audit, j'ai découvert que cette librairie dégradait les performances de mes applications parce qu'elle importait meme les composants que je n'utilisais pas. J'ai utilisé Purgecss et Madge pour supprimer les ressources inutilisées mais sans succès.

Quand j'ai commencé à utiliser Tailwind CSS, j'ai réécrit mon application avec Tailwind et à ma grande surprise, j'ai obtenu un score de 100% sur Lighthouse, ce que je n'avais jamais atteint auparavant.

A force de créer et de réutiliser plusieurs composants, je me suis retrouvé avec une collection de composants pré-construits. C'est pourquoi j'ai décidé de les partager avec les développeurs pour leur faire gagner du temps.

Ces composants sont entièrement personnalisables. Vous ne vous retrouverez pas avec des ressources inutilisées qui diminueront les performances de vos applications. Tout ce que vous avez à faire est de copier et coller le code source du composant que vous souhaitez utiliser.