Pourquoi Tailwind est DÉTESTÉ ?
Il y a un fort sentiment de mépris envers Tailwind CSS parmi de nombreux développeurs web. Mais pourquoi est-ce que cette bibliothèque de styles est si mal aimée ? Voici quelques raisons fréquemment évoquées :
1. Perte de contrôle sur le design
De nombreux développeurs préfèrent coder leurs propres styles CSS pour avoir un contrôle total sur le design de leurs sites. Tailwind CSS propose une approche basée sur des classes prédéfinies, ce qui peut sembler restrictif pour certains.
2. Complexité et lourdeur du code
Utiliser Tailwind CSS peut conduire à un code HTML très verbeux, avec de nombreuses classes ajoutées à chaque élément. Cela peut rendre le code difficile à lire et à maintenir, surtout sur de gros projets.
3. Surcharge cognitive
La nécessité de se souvenir de toutes les classes disponibles dans Tailwind CSS peut être un vrai défi pour certains développeurs. Cela peut rendre le processus de développement plus lent et moins intuitif.
4. Pas adapté à tous les projets
Tailwind CSS est conçu pour simplifier le processus de création de sites web, mais il peut ne pas convenir à tous les types de projets. Pour certains développeurs, il peut être trop limitant en termes de personnalisation et de flexibilité.
5. Controverse autour de la méthode utility-first
La méthode utility-first de Tailwind CSS, qui consiste à concevoir des styles en fonction de leur utilité plutôt que de leur structure, est souvent critiquée pour son impact sur la maintenance et la lisibilité du code.
En conclusion, bien que Tailwind CSS soit apprécié par certains développeurs pour sa rapidité et sa simplicité, il suscite aussi beaucoup de critiques en raison de sa nature restrictive et de sa complexité. Il est important de peser le pour et le contre avant de décider si cette bibliothèque de styles est adaptée à vos besoins.
Pour le problème 1, pourquoi pas un plugin tailwind-classname-compiler qui groupe les classes au moment du build ?
Géniale ta vidéo
avec unocss c'est du tailwind sauf que tu n'es pas limité pour les spacing etc
♥
Je dois être trop vieux On a toujours enseigné : la séparation des concepts… HTML = "description de contenu" – CSS="style du contenu". Ici tu oublies totalement de parler de cette notion ESSENTIELLE, et d'expliquer aux Juniors que Tailwind est fait pour Booststraper et aller "vite". Car soyons un peu pragmatiques : bourrer du HTML de 1000 class pour faire du style, c'est absolument pas ce qui se passe dans le milieu entreprise. On fait du CSS, du Design System qui permet d'avoir quelques class et laisser du HTML propre et lisible quand on revient dessus tous les jours, et 6 mois apres, ou un autre dev exterieure, la charge mentale de la lecture de templates HTML est bien moindre sans des dizaines voire des centaines de class CSS qui bouffent complètement la structure d'une page HTML.
Apres, je ne critique pas Tailwind, il fait le job qu'il est censé faire : Boostraper des interfaces rapidement. Juste, la plupart des juniors qui vont l'utiliser en t'écoutant, n'auront pas compris que c'est "ça" son utilité : faire des interfaces stardards "rapidement". Et une fois dans le reel du monde de l'entreprise, on a des maquettes figma et on fait un design system "propre" qui limite le nombre de class CSS au strict nécessaire en arbitrant entre ré-utilisabilité et modularité.
cc Melvynx! merci de démonter les arguments contre tailwindcss. dit quel est le plugins que tu as utiliser dans la vidéo qui permet d'alerter en te montrant l'erreur dans la classe tailwind et la réorganise pour toi ?
Sur la première critique, … 😅
Bootstrap: "Mise à part si tu connais le design système par coeur"
Tails: "À force de travailler"
(La pratique te donne le savoir)
Donc c'est un peu prendre un argument, dire qu'il est mal pour quelque chose et dire qu'il est très bien pour une autre chose similaire à la première. Donc pas trop trop convaincu 😅
Mise à par ça, vu que tailwind on fait presque du CSS, oui c'est BIEN mieux que Bootstrap si vous voulez en faire 👌
Si vous ne souhaitez pas faire de CSS, prenez Bootstrap (Ou ce que vous voulez en équivalent)
Quel plugin tu utilises pour order / corriger tes classes ?
Tailwind n'a aucun sens. Quand on code on a 3 niveaux de rangement : la ligne de code, la fonction, et la classe. Un peu comme on range des vêtements dans des tiroirs, qui sont eux-mêmes dans des armoires : par thème. L'équivalent en HTML / CSS du premier niveau c'est : le style ; puis au deuxième niveau on regroupe ces styles en classes, que les pauvres utilisateurs de Tailwind n'écrivent pas et ne font qu'utiliser (comme des Legos) ; puis le troisième niveau… manque ! Et tant que le CSS n'aura pas standardisé ce troisième niveau, il y aura tentative sur tentative de contourner le problème mais sans jamais y arriver. Et en cela, le SASS est une tentative intéressante, par exemple
Pour limiter les class qui se répètent on peut mettre dans des variables et ainsi rendre plus lisible mais je suis d'avis que pour ça il y a le css et c'est mon seul reproche à Tailwind
J’adore Tailwind, tu développes rapidement sans te casser la tête ❤😊
Ne devrais-tu pas mettre un bémol pour les débutants ?
Ton enthousiasme pourrait laisser à penser que l'on peut démarrer avec tailwind avant de bien maîtriser CSS.
Moi rien que la phrase d’accroche sur leur site m'a fait fuir :
« “Best practices” don’t actually work. » 😱
4:23 : la class `align-start`, cette classe n'existe pas… c'est `align-top`
aie …
Rien de convainquant, après si y en a qui aime 😉
La plupart des frameworks intégrent nativement tailwindcss comme laravel, symfony,….
Tailwind me fait gagner un temps fou. Pas de retour en arrière possible après avoir écrit du vanilla css pendant plus de 20 ans.
Au lieu de comparer tailwind avec une librairie css-in-js 😆 Tu devrais faire une comparaison avec les CSS Modules qui je pense est énormement utilisé en entreprise et selon moi est le meilleur flow (scope local, réutilisation, type safe, auto completion, écriture du vrai css, code html qui reste principalement du html donc son principal but: la structure), ce qui manquerait par rapport a tailwind serait le design system mais il y'a des libraires compatible css modules pour cela.
1:40 : 25 classes sur un élément HTML c’est beaucoup, c’est illisible.
2:13 : Si tu veux savoir à quoi sa ressemble il y’a un language qui s’appel le css. Alors ouvre ton fichier CSS qui est censé accueillir le style de la page et tu lis le code et tu sais déjà à quoi va ressembler ton élément !
Le style des boutons de ton application doivent être regroupés dans un fichier css global. De cette manière tu as juste à appliquer une/deux classes dédiés aux boutons. En cas de changement du design système, on ne TOUCHE PAS LE HTML ! On va modifier le fichier de style globale qui contient le design système. Ce fichier de style on le partage avec toutes les applications de l'entreprise et on le versionne. Ensuite tu as un fichier css spécialisé pour tes pages qui généralement ne contient pas énormément de css. C'est ça le travail propre ! C'est ça un BON Développeur.
2:33 : C’est dégeux et sa surcharge le HTML, y’a un language si s’appel CSS, déplace toute cette saleté dans ton fichier CSS/SCSS.
5:47 : Ils ont crée un standard, et alors ? On s’en fou de ce standard. On est d’abord des développeurs pas des frameworks. Il n'y'a qu'un vrai standard qui restera quand Tailwind ne sera plus à la mode comme Boostrap, le CSS !
A force d'utiliser ces conneries, vous ne savez plus faire de CSS/SCSS. C'est honteux !
Tu veux devenir un bon dev, apprend à concevoir un design système et organiser tes fichiers de styles.
belle video ! tu es fort en tailwind ! mdr balle perdu pour angular et vue