N
Nərmin CəfərovaMüəllif
narmin.jafarova@example.comTailwind CSS v4: Yeni Mühərrik və CSS-First Fəlsəfəsi
Köhnə JavaScript konfiqurasiyasından imtina edərək təmiz CSS arxitekturasına keçidin üstünlükləri.
Tailwind CSS 4-cü versiyasında radikal və cəsarətli bir addım atdı: illərdir istifadə etdiyimiz 'tailwind.config.js' faylı tamamilə ləğv edildi! Əvəzində bütün sistem 100% CSS standartlarına əsaslanan yeni 'Oxide' mühərrikinə keçdi.
Gəlin bu yeniliyin layihəmizə gətirdiyi üstünlüklərə baxaq:
📌 1. İldırım Sürətli Yığılma (Lightning CSS)
Köhnə versiyada Tailwind JavaScript üzərində işləyirdi və böyük layihələrdə stillərin generasiyası bir neçə saniyə çəkə bilirdi. Tailwind v4 Rust dilində yazılmış 'LightningCSS' kitabxanasından istifadə edir. Nəticədə stillərin yığılması 10 qat daha sürətlidir və Fast Refresh anında hiss olunur.
📌 2. '@theme' Direktivi ilə Təbii CSS
Artıq fərdi rəngləri və şriftləri JavaScript obyekti kimi yox, birbaşa CSS faylında təyin edirik:
@theme {
--color-brand: #3b82f6;
--font-display: 'Inter', sans-serif;
}
Bu dəyişənlər avtomatik olaraq 'bg-brand', 'text-brand' və 'border-brand' kimi klasslara çevrilir.
📌 3. Avtomatik Məzmun Aşkarlanması
Əvvəllər 'content: ["./src/**/*.{js,ts,jsx,tsx}"]' massivini unutduqda yeni klasslar işləmirdi. Tailwind v4 layihədəki faylları ağıllı şəkildə özü aşkar edir və heç bir manual yol təyini tələb etmir.
←Bütün yazılara qayıtKateqoriya: Mühəndislik