TailwindCSS 4’e gelen yenilikler TailwindCSS 4'e gelen yeni özellikler, TailwindCSS’i yazmamızı kolaylaştırıyor. Kod çakışmalarını ve çok kod yazmamızı engelliyor. Ayrıca, artık yüksek performanslı yeni bir motor ( engine ) ile derlenecek. Tüm derlemelerde 5 kat hızlı olacak. TailwindCSS v4 (Resim, I.) 1 — İlk başta en çok kullandığımız @tailwindcss utils yerine @tailwind base; @tailwind components; @tailwind utilities; bunu kullanıyoruz: @import "tailwindcss" ; 2 — Sadece bunlarla sınırlı değil, tailwindcss.config.js ‘deki module . exports = { theme : { extend : { colors : { primary : '#4ade80' , }, spacing : { 72 : '18rem' , }, }, }, }; tanımlama yerine artık her şey CSS’de tanımlanacak: :root { --color-primary : #4ade80 ; } .button { @apply bg-[ color :var(--color-primary)] text-white p- 2 rounded; } 3 — Artık, tailwindcss.config.js ‘de taratma için dosya yolu belirtmemize gerek yok...