Reagira MDL Merges reagira s Lite dizajnom materijala

Google je nedavno objavio knjižnicu pod nazivom Material Design Lite koja je izvorni resurs za programere. On automatski oblikuje bilo koju web-lokaciju pomoću smjernica za dizajn materijala s unaprijed izgrađenim CSS-om i JS-om.

Ovo je popularan okvir za jednostavne razvojne projekte. Reagiraj MDL kombinira Googleov okvir s bibliotekom React kako bi napravio dobro zaokružen resurs sučelja.

Googleov dizajn materijala očito je budućnost korisničkog sučelja / UX-a u Googleu. A s materijalom Design Lite lakše je nego ikad implementirati ove značajke na bilo koju web-lokaciju s vlasničkom knjižnicom otvorenog koda.

React je također daleko najpopularniji JS okvir koji se koristi za komponente pregleda frontenda. S React MDL možete spojiti ove komponente React s MDL bibliotekom da biste dobili prikaz sličan onome što ćete pronaći u Googleovoj online dokumentaciji.

Evo primjera predloška članka kako biste mogli osjetiti kako to izgleda.

Ova stranica nema mnogo React komponenti, ali pokazuje estetiku dizajna materijala. Na ovoj demo verziji pronaći ćete mnogo više akcija pomoću komponenti React.

Vi zapravo možete pronaći više informacija o Material Design Lite na GitHub repo ako ste znatiželjni da biste saznali više. Odatle možete preuzeti sirovi CSS i JS za implementaciju na svoju stranicu koji automatski podržava sve moderne preglednike i gracioznu degradaciju.

Nažalost, budući da je React MDL još uvijek relativno nov, nema punu podršku za sve komponente.

Ovdje možete vidjeti cijeli popis, uključujući i male demo snimke. To također uključuje bitove izvornog koda koji po potrebi možete kopirati / zalijepiti u vlastite projekte.

ja bih ne preporuča se učiti React MDL dok se već ne osjećate ugodno s obje knjižnice.

Materijal Design Lite suite je prilično jednostavan za početak, ali React je mnogo složeniji.

Da biste saznali više o MDL-u, provjerite stranicu s često postavljanim pitanjima na njihovoj službenoj web-lokaciji. Nudi savjete o tome gdje koristiti MDL, koje značajke nudi i kako se može uklopiti u uobičajeni tijek rada web-weba.

Ali istinito, čak i ako ne razumijete, vrlo dobro reagirajte još uvijek možete proći sa svim uzorcima na stranici komponenti. Na primjer, stranica tekstualnog polja ima radna tekstualna polja pomoću dizajna materijala, ali s odlomcima React koda.

Slobodno se igrajte i pogledajte što možete izgraditi. Obje knjižnice su potpuno besplatne i otvorene za sve projekte, bilo osobne ili komercijalne.

Možete saznati više na stranici React MDL GitHub ako želite proučiti izvor i uroniti.