Wat we ermee bouwen
Met Tailwind geven we browser-UI vorm. Utilities stellen zich samen in de markup, ruimte en kleur komen uit een gedeelde schaal in plaats van uit wat iemand toevallig intypte, en de gegenereerde stylesheet bevat alleen wat werkelijk wordt gebruikt.
Het probleem dat het oplost is niet CSS schrijven — het is CSS verwijderen. In een gewone stylesheet haalt niemand een klasse weg, omdat niemand kan bewijzen dat ze ongebruikt is, dus groeit het bestand het hele project lang en draagt elke wijziging het risico elders iets te breken. Met utilities verdwijnt de vormgeving zodra je een component verwijdert, omdat die vormgeving nooit ergens anders stond.
Waar het past
Bij elke webfront-end die we bouwen, op Vue en Nuxt. Deze site is Tailwind, en de beheer- en winkeliersinterfaces die we naast productbackends bouwen ook.
Het werkt het best met een kleine set uitgetrokken componenten in plaats van herhaalde reeksen utilities — het designsysteem leeft in de componentlaag, en de utilities drukken het uit.
Wanneer we het aanraden
Voor zo goed als elke nieuwe front-end. De consistentie die het afdwingt telt het zwaarst wanneer meerdere developers aan dezelfde UI komen, en dat is precies wanneer handgeschreven CSS het snelst uit elkaar loopt.
Waar het slecht past: markup die je niet in de hand hebt, of een project dat semantische klassennamen moet uitleveren aan een externe afnemer. En het is op zichzelf geen designsysteem — zonder componenten uit te trekken wordt "overal utility-klassen" een eigen soort duplicatie.
