Reagirajte MDL Merges Reagirajte z Material Design Lite

Google je pred kratkim izdal knjižnico, imenovano Material Design Lite, ki je vmesnik za razvijalce. Samodejno oblikuje katero koli spletno mesto s smernicami za oblikovanje materialov z vgrajenim CSS in JS.

To je priljubljen okvir za preproste razvojne projekte. React MDL združuje Googlov okvir s knjižnico React, da ustvarite dobro zaokrožen vir vmesnika.

Googlov material je nedvomno prihodnost uporabniškega vmesnika / UX-a v Googlu. S programom Material Design Lite je te funkcije lažje kot kdajkoli uporabiti na katerem koli spletnem mestu z lastno knjižnico odprte kode.

React je tudi daleč najbolj priljubljen okvir JS, ki se uporablja za komponente pogleda frontendov. Z React MDL lahko združite te komponente React z knjižnico MDL, da dobite pogled, podoben kot v Googlovi spletni dokumentaciji.

Tukaj je vzorec predloga izdelka, tako da lahko dobite občutek, kako to izgleda.

Ta stran nima veliko komponent React, vendar prikazuje estetiko oblikovanja materiala. Na tej predstavitvi, sestavljeni iz komponent React, boste našli veliko več ukrepov.

Lahko najdete več informacij o Material Design Lite na GitHub repo, če vas zanima več. Od tam lahko prenesete neobdelane CSS in JS, ki jih boste uporabili na svoji strani, ki samodejno podpira vse sodobne brskalnike in elegantno degradacijo.

Na žalost, ker React MDL je še vedno dokaj nov, nima popolne podpore za vse komponente.

Celoten seznam lahko vidite tukaj, vključno z majhnimi predstavitvami za vsakega. To vključuje tudi bitov izvorne kode, ki jih lahko po potrebi kopirate / prilepite v svoje projekte.

jaz bi ne priporočam učenje React MDL, dokler se ne počutite udobno z obema knjižnicama.

Suite Material Design Lite je precej preprost za začetek, vendar je React veliko bolj zapleten.

Če želite izvedeti več o MDL, si oglejte stran s pogostimi vprašanji na njihovi uradni strani. Ponuja nasvete o tem, kje uporabljati MDL, katere funkcije ponuja in kako se lahko prilega tipičnemu delovnemu toku spletnega dnevnika.

Ampak resnično, tudi če ne razumete Reagiraj zelo dobro, lahko še vedno dobite z vsemi vzorci na strani komponent. Na primer, stran z besedilnim poljem ima delovna besedilna polja z uporabo materiala, vendar z odrezki kode React.

Prosto se igrajte in si oglejte, kaj lahko gradite. Obe knjižnici sta popolnoma brezplačni in odprti vir za vse projekte, ki so osebni ali komercialni.

Več lahko izveste na strani React MDL GitHub, če želite preučiti vir in se potopiti.