𝗧𝗮𝗶𝗹𝘄𝗮𝗶𝗻𝗱 𝗖𝗦𝗦𝟰: 𝗪𝗮𝗿𝗼𝗺 𝗨𝘁𝗶𝗹𝗶𝘁𝘆-𝘀𝘁𝘆𝗹𝗲𝘀 𝗯𝗲𝘁𝘁𝗲𝗿 𝘀𝗰𝗮𝗹𝗲𝗻
Veel ontwikkelaars hebben een hekel aan utility classes in HTML. Het ziet er rommelig uit. Het lijkt op de oude inline styles die je hebt geleerd te vermijden. Je zou kunnen denken dat we achteruitgaan.
Maar traditionele CSS creëert een ander probleem.
Stel je een stylesheet voor met 5.000 regels. Ontwikkelaar A schreef twee jaar geleden een class. Ontwikkelaar B wil een klein dingetje aanpassen. Ontwikkelaar B durft de originele class niet aan te raken. Ze weten niet of het een verborgen pagina beïnvloedt. Dus maken ze in plaats daarvan een nieuwe class aan.
Dit veroorzaakt twee grote problemen:
- Je CSS-bundle wordt groter telkens wanneer je een nieuwe feature toevoegt.
- Je bent uren bezig met het benoemen van dingen zoals
.card-body-flex-inner.
Tailwind CSS verandert deze aanpak. Het maakt gebruik van utility classes zoals bg-mint-500 of `p-4