Tailwind v4 duyurulduğunda en çok dikkatimi çeken şey, konfigürasyonun JavaScript dosyasından CSS'in içine taşınmasıydı. İlk bakışta tuhaf gelse de, tema değerlerini @theme bloğunda tanımlamak, tasarım token'larını CSS değişkenleri olarak otomatik dışa açtığı için aslında daha kullanışlı çıktı; artık aynı renk değerini hem Tailwind sınıfı hem de düz CSS içinde var() ile kullanabiliyorum.
jhun.tech'in mevcut bileşenlerini taşırken en çok zaman alan kısım, content taramasının otomatikleşmesiydi; eski tailwind.config.js'deki content dizisini elle yönetmeye gerek kalmaması küçük ama gerçek bir rahatlama oldu.
Renk opaklığı sözdizimindeki değişiklikler (örn. bg-white/[0.03] yerine bg-white/3 gibi kanonik kısayollar) ilk başta lint uyarılarıyla fark ettiğim küçük ama biriken bir temizlik gerektirdi. Bunu otomatikleştirmek isteyenler için editör eklentisinin önerileri oldukça güvenilir.
Arbitrary property desteğiyle (örneğin [--my-var:value]) tema değişkenlerini doğrudan class içinde tanımlayıp dark: varyantıyla değiştirebilmek, daha önce JavaScript tarafında tema kontrolü yaparak çözdüğüm bazı sorunları tamamen CSS katmanına taşımamı sağladı; bu da hem daha az kod hem daha az hidrasyon riski demek.
Sonuç olarak v4'e geçiş bir 'büyük yeniden yazım' değil, birkaç günlük bir temizlik oldu.
{ }