Zakaj UnoCSS?
Motivacije
Priporočamo, da preberete blog objavo Reimagine Atomic CSS, ki jo je napisal ustvarjalec UnoCSS, Anthony Fu, za boljše razumevanje motivacije za UnoCSS.
Kako se UnoCSS razlikuje od X?
Windi CSS
UnoCSS je začel eden od članov ekipe Windi CSS, z veliko navdiha, vzete iz dela, ki smo ga opravili v Windi CSS. Medtem ko Windi CSS ni več aktivno vzdrževan (od marca 2023), lahko UnoCSS obravnavate kot "duhovnega naslednika" Windi CSS.
UnoCSS podeduje Windi CSS-jevo na-zahtevo naravo, način atributov, bližnjice, variantske skupine, način kompilacije in še veliko več. Poleg tega je UnoCSS zgrajen od tal navzgor z največjo razširljivostjo in zmogljivostjo, kar nam omogoča uvedbo novih funkcij, kot so čiste CSS ikone, brez vrednosti atributov, tagify, spletni fonti, itd.
Najpomembneje je, da je UnoCSS izvlečen kot atomski CSS pogon, kjer so vse funkcije neobvezne, kar omogoča enostavno ustvarjanje lastnih konvencij, lastnega oblikovalskega sistema in lastnih prednastavitev - s kombinacijami funkcij, ki jih želite.
Tailwind CSS
Tako Windi CSS kot UnoCSS sta vzela veliko navdiha iz Tailwind CSS. Ker je UnoCSS zgrajen od tal navzgor, imamo odličen pregled nad tem, kako je bil atomski CSS zasnovan s predhodnimi umetnostmi in abstrahiran v eleganten in zmogljiv API. Zaradi precej različnih ciljev oblikovanja ni res primerjava jabolk z jabolki s Tailwind CSS. Vendar bomo poskusili navesti nekaj razlik.
Tailwind CSS je vtičnik PostCSS, medtem ko je UnoCSS izomorfen pogon z zbirko integracij prvega razreda z gradbenimi orodji (vključno z vtičnikom PostCSS). To pomeni, da je UnoCSS lahko veliko bolj prilagodljiv za uporabo na različnih mestih (na primer, CDN Runtime, ki generira CSS sproti) in ima globoke integracije z gradbenimi orodji za zagotavljanje boljše HMR, zmogljivosti in izkušnje razvijalcev (na primer, Inšpektor).
Poleg tehničnih kompromisov je UnoCSS tudi zasnovan tako, da je popolnoma razširljiv in prilagodljiv, medtem ko je Tailwind CSS bolj mnenjski. Gradnja lastnega oblikovalskega sistema (ali oblikovalskih žetonov) na vrhu Tailwind CSS je lahko težka in ne morete se resnično oddaljiti od konvencij Tailwind CSS. Z UnoCSS lahko zgradite praktično karkoli želite s popolnim nadzorom. Na primer, implementirali smo celoten sklop pripomočkov, združljiv s Tailwind CSS, znotraj ene same prednastavitve, in obstaja veliko odličnih prednastavitev skupnosti, implementiranih z drugimi zanimivimi filozofijami.
Zahvaljujoč prilagodljivosti, ki jo ponuja UnoCSS, lahko eksperimentiramo z veliko inovativnimi funkcijami na vrhu, na primer:
Zaradi različnih ciljev oblikovanja glede na Tailwind CSS, UnoCSS ne podpira sistema vtičnikov ali konfiguracij Tailwind CSS, kar pomeni, da je lahko težje migrirati iz močno prilagojenega projekta Tailwind CSS. To je namerna odločitev, da je UnoCSS visoko zmogljiv in razširljiv, in verjamemo, da je kompromis vreden.