Architecture Decision RecordArhitektuuriotsuse kirje: Tailwind CSS
Otsus: kasuta Tailwind CSS-i CSS-raamistikuna kasutajaliidese stiilimiseks.
Mis on Tailwind CSS?
Tailwind on utility-first CSS-raamistik, mis võimaldab kasutajaliideste kiiret arendust ja kohandamist. See on loodud olema väga kohandatav ja võimaldab arendajatel kirjutada kitsamat ja tõhusamat CSS-i. See raamistik pakub eelmääratletud klasside komplekti UI väga kiireks stiilimiseks.
Kontekst
Ehitame veebirakendust kliendile, kes vajab reageerivat ja kohandatavat kasutajaliidest. Klient on palunud järjepidevat ja kaasaegset stiilimist. Arendusmeeskonnal on kogemus kohandatud CSS-i kasutamisega, kuid nad tahavad uurida CSS-raamistikke, mis võivad aega ja vaeva säästa. Otsime raamistikku, mida on lihtne kasutada, mis on kohandatav ja millel on suur kogukond toe jaoks.
Otsuse liikumapanevad jõud
Lihtne kasutada: tahame raamistikku, mida on lihtne õppida ja mida saab meie arendustöövoogu integreerida.
Kohandatav: tahame raamistikku, mida saab kohandada kliendi brändijuhiste ja teemaga.
Suure kogukonna toetus: tahame raamistikku, millel on aktiivne arendajate ja disainerite kogukond, kes saab vajaduse korral abi ja ressursse pakkuda.
Aega säästev: tahame raamistikku, mis säästab UI stiilimisel aega ja vaeva.
Kaalutud valikud
Bootstrap: populaarne CSS-raamistik paljude valmis komponentidega ja suure arendajate kogukonnaga.
Foundation: teine populaarne CSS-raamistik, mis loodi mobile-first arenduseks.
Materialize: Google'i Material Design keelel põhinev CSS-raamistik valmis komponentidega UI arenduseks.
Tailwind CSS: utility-first CSS-raamistik, mis keskendub kohandamisele ja tõhususele.
Otsuse tulemus
Pärast valikute kaalumist otsustasime kasutada Tailwind CSS-i järgmistel põhjustel:
Lihtne kasutada: Tailwindi lähenemine on lihtne ja kergesti mõistetav. Selle utility-klassid teevad UI ehitamise kiiremaks.
Kohandatav: Tailwind võimaldab kohandamist, pakkudes seadistusfailide komplekti, mis lubab arendajatel raamistiku vaikestiile hõlpsasti muuta.
Suure kogukonna toetus: Tailwindil on väga aktiivne arendajate ja disainerite kogukond, kes loob pidevalt uusi ressursse, pluginaid ja tööriistu.
Aega säästev: Tailwind võib aega säästa, võimaldades arendajatel keskenduda projekti teistele valdkondadele.
Kasutame oma projekti UI ehitamiseks Tailwind CSS-i utility-klasse. Arendusmeeskond kasutab selle aatomlikku ja modulaarset disainisüsteemi tõhusa ja skaleeritava CSS-koodi kirjutamiseks. Kasutame Tailwindi valmis malle ja visuaalseid komponente arendusprotsessi kiirendamiseks, samal ajal kui kasutame kohandatud stiile kliendi brändi ja teemaga sobitamiseks.