Reaguoti į MDL susijungia reaguojant su medžiagos dizainu

„Google“ neseniai išleido biblioteką, pavadintą „Material Design Lite“, kuri yra „Frontend“ išteklius kūrėjams. Ji automatiškai sukuria bet kokią svetainę naudodama medžiagų projektavimo gaires su iš anksto sukurtomis CSS ir JS.

Tai populiarus paprastų „dev“ projektų pagrindas. Reaguoti į MDL sujungia „Google“ sistemą su „React“ biblioteka, kad būtų sukurtas apvalus „frontend“ šaltinis.

„Google“ materialinis dizainas aiškiai yra UI / UX ateitis „Google“ pasaulyje. Ir su „Material Design Lite“ šiomis funkcijomis lengviau nei bet kada įgyvendinti bet kurią svetainę su patentuota atviro kodo biblioteka.

Reagavimas taip pat yra pats populiariausias „FrontSide“ komponentų JS pagrindas. Su „React MDL“ galite sujungti šiuos „React“ komponentus su MDL biblioteka, kad gautumėte panašų vaizdą, kurį rasite „Google“ dokumentacijoje internete.

Štai pavyzdinio straipsnio šablonas, kad galėtumėte jaustis, kaip tai atrodo.

Šiame puslapyje nėra daug „React“ komponentų, tačiau tai rodo, kad estetika yra materialaus dizaino. Čia rasite daug daugiau veiksmų, atliktų naudojant „React“ komponentus.

Iš tikrųjų galite rasti daugiau informacijos apie „Material Design Lite“ „GitHub“ repo, jei norite sužinoti daugiau. Iš ten jūs galite atsisiųsti žaliavinį CSS ir JS, kad ją įdiegtumėte į savo puslapį, kuris automatiškai palaiko visas šiuolaikines naršykles ir grakštus degradacijas.

Deja, kadangi „React MDL“ vis dar yra gana nauja, ji visiškai nepalaiko visų komponentų.

Tačiau čia galite pamatyti pilną sąrašą, įskaitant mažus demo. Tai taip pat apima pradinio kodo bitus, kuriuos galite kopijuoti / įklijuoti į savo projektus, kaip reikia.

aš norėčiau ne rekomenduoti mokytis React MDL, kol jaučiasi patogūs abiem bibliotekoms.

„Material Design Lite“ komplektas yra gana paprasta pradėti, bet React yra daug sudėtingesnis.

Jei norite sužinoti daugiau apie MDL, apsilankykite DUK puslapyje jų oficialioje svetainėje. Jame siūlomi patarimai, kur naudoti MDL, kokias funkcijas jis siūlo, ir kaip jis gali tilpti į tipišką „webdev“ darbo eigą.

Tačiau teisingai, net jei nesuprantate Reaguoti labai gerai, vis tiek galite gauti su visais komponentų puslapio pavyzdžiais. Pvz., Teksto lauko puslapyje yra darbo laukai, kuriuose naudojamas medžiagos dizainas, bet su „React code“ fragmentais.

Nesivaržykite žaisti ir pamatyti, ką galite sukurti. Abi bibliotekos yra visiškai nemokamos ir atviros visiems projektams, tiek asmeniniams, tiek komerciniams projektams.

Daugiau informacijos rasite puslapyje React MDL GitHub, jei norite sužinoti šaltinį ir pasinerti.