Reageerib MDL-ga Ühendab reageerima materjali kujundusega Lite

Google esitas hiljuti raamatukogu nimega Material Design Lite, mis on arendajate esiressurss. See kujundab automaatselt mis tahes veebisaidi, kasutades materjali kujundamise juhiseid koos eelnevalt ehitatud CSS ja JS.

See on populaarsed raamistikud lihtsate projektide jaoks. Reageerige MDL-is, mis ühendab Google'i raamistiku React-raamatukoguga, et luua hästi ümar esiressurss.

Google'i materiaalne disain on selgelt UI / UX tulevik Google'i maailmas. Materjali disainiga on lihtsam kui kunagi varem neid funktsioone ükskõik millisele veebisaidile rakendada, kui on avatud avatud lähtekoodiga raamatukogu.

Reageerimine on ka kõige populaarsem esipaneeli komponentide jaoks kasutatav JS raamistik. React MDL-iga saate need React-komponendid ühendada MDL-i raamatukoguga, et saada Google'i dokumentatsioonis leiduva vaatega sarnane vaade.

Siin on näidisartikli mall, et saaksite tunda, kuidas see välja näeb.

Sellel lehel ei ole palju Reacti komponente, kuid see näitab materjali disaini esteetikat. Selle demo puhul, mis on loodud kasutades React komponente, leiate palju rohkem meetmeid.

Te võite leida materjali disaini Lite kohta lisateavet GitHub repo kohta, kui soovite rohkem teada saada. Sealt saate oma lehele alla laadida toores CSS ja JS, mis toetab automaatselt kõiki kaasaegseid brausereid ja graatsilist lagunemist.

Kahjuks, kuna React MDL on ikka veel üsna uus, ei toeta see kõiki komponente.

Aga siin on võimalik näha täielikku nimekirja koos väikeste demodega. See hõlmab ka lähtekoodi bitte, mida saate vajadusel oma projektidesse kopeerida / kleepida.

ma võiksin mitte Soovita õppida Reageerige MDL-ga, kuni tunnete end mugavalt mõlema raamatukoguga.

Material Design Lite komplekt on üsna lihtne käivitada, kuid React on palju keerulisem.

Lisateavet MDL-i kohta leiate KKK-leheküljelt nende ametlikul veebilehel. See pakub näpunäiteid selle kohta, kus kasutada MDL-i, milliseid funktsioone see pakub, ja seda, kuidas see sobib tüüpilise webdev tööprotsessi.

Aga ausalt isegi siis, kui te ei mõista Reageeri väga hästi, saate endiselt kõigi komponentide lehel olevate proovidega. Näiteks tekstiväljal on tööväljad, mis kasutavad materjali kujundust, kuid reageerivad koodilõigud.

Võite vabalt mängida ja näha, mida saate ehitada. Mõlemad raamatukogud on täiesti tasuta ja avatud lähtekoodiga kõikidele isiklikele või kaubanduslikele projektidele.

Lisateavet leiate lehelt React MDL GitHub, kui soovite allikat uurida ja sukelduda.