Šiame vaizdo įraše prie manęs prisijungia Dustinas Schau ir jis vyks mane į kelionę po pasaulį, kuris buvo žinomas kaip CSS-in-JS. Tai yra, atlikdami savo stilių visiškai „JavaScript“, o ne rinkdamiesi .cssfailus, kuriuos jūs pats galvojate .
Dustinas yra puikus vadovas tam, nes JS žaidimų aikštelėje jis sukūrė puikų tyrimo įrankį, pavadintą CSS, taip pat turi naują kursą šia tema.
Jei smalsu, kodėl kam nors būtų įdomu eiti CSS-in-JS maršrutu, pateikiame keletą priežasčių, kurias aptariame vaizdo įraše:
- Negyvo kodo pašalinimas. Vieninteliai įkeliami stiliai yra komponentai, naudojami bet kuriuo metu. Nenaudojamų stilių nėra. Kai komponentas miršta, miršta ir jo stiliai.
- Apimtis. Naujų stilių rašymas negali paveikti nieko kito kitose svetainės vietose, todėl nereikia nerimauti rašant stilių, kuris turi blogų ar nenumatytų pasekmių kitur dėl pasaulinio masto parinkiklio. Apsaugą nuo taikymo srities gauname įvardydami tokias ideologijas kaip BEM, tačiau tai nėra užtikrinta įrankiais.
- Nesijaudinant įvardyti. Kai kuriais atvejais nereikia rinktis stiliaus pavadinimo ar ID, nes stilius yra vartotojo sąsajoje.
- Kūrėjo ergonomika. Gali būti malonu turėti stilių tame pačiame faile (arba kitaip labai arti) pačiam komponentui. Lygiai taip pat kai kurie kūrėjai jaučiasi labai patogiai JSX. Taip pat galimybė kurti dalykus be jokių rūpesčių reiškia, kad kūrėjai gali jaustis labiau suvaržyti, o ne įbauginti.
- Dizaino sistema draugiška. Projektavimo sistemos yra susijusios su komponentais, taip pat ir „React“. Šie vienas kitą papildantys mąstymo būdai gana gerai susilygina.
- „JavaScript“ galimybės CSS. Tai padaryti su loginiais operatoriais ir perduoti reikšmes, matematiką ir dar daugiau, turėti visą „JavaScript“ galią stiliuose yra labai naudinga.
Ir tai dar ne viskas, bet jūs galite suprasti, kodėl tai įtikina kai kuriuos žmones. Tai tikrai įkvėpė daug diskusijų. Kodėl gi ne tada, kai ji siūlo visus tuos privalumus? Na, tai labai skirtinga kūrimo aplinka, kuri nebūtinai spustelėja visus. Norint atlikti šiek tiek neįprastus dalykus, reikia sulenkti interneto platformą, o tai daroma kartu su karpomis. Jau nekalbant apie tai, kad vartotojai moka tiesiogines išlaidas (pakuočių dydį ir pan.), Kurias, tikiuosi, geriau atsipirks efektyvumu.
Dustinas nuėjo taip toli, kad sukūrė stilių, naudodamas „Sass“, kad suformuotų dalykus, kad palygintų jį su tuo, kaip tai galima padaryti naudojant „CSS-in-JS“, kuris parodo, kaip atrodo perkėlimo stiliai ir galimybės tai padaryti.