Reaģējiet uz MDL Merges Reaģē ar materiālu dizainu

Google nesen izlaida bibliotēku ar nosaukumu Materiālu dizains Lite, kas ir priekštelpas resurss izstrādātājiem. Tā automātiski pārveido jebkuru tīmekļa vietni, izmantojot materiāla dizaina vadlīnijas ar iepriekš izveidotu CSS un JS.

Tas ir populārs pamats vienkāršiem projektiem. Reaģēt MDL apvieno Google sistēmu ar React bibliotēku, lai izveidotu labi noapaļotu frontend resursu.

Google materiālais dizains noteikti ir UI / UX nākotne Google pasaulē. Un ar materiālu dizainu Lite ir vieglāk nekā jebkad agrāk ieviest šīs funkcijas uz jebkuru tīmekļa vietni ar patentētu atvērtā pirmkoda bibliotēku.

Reaģēšana ir arī vispopulārākais frontes JS ietvars, ko izmanto priekšpuses skatu komponentiem. Izmantojot React MDL, jūs varat apvienot šos React komponentus ar MDL bibliotēku, lai iegūtu tādu skatu, kā jūs atradīsiet Google tiešsaistes dokumentācijā.

Šeit ir parauga raksta veidne, lai jūs varētu izjust, kā tas izskatās.

Šajā lapā nav daudz React komponentu, bet tas parāda materiāla dizaina estētiku. Šajā demonstrācijā, kas veidota, izmantojot React komponentus, atradīsiet daudz vairāk darbību.

Jūs faktiski varat atrast vairāk informācijas par materiāla dizainu Lite GitHub repo, ja vēlaties uzzināt vairāk. No šejienes jūs varat ielādēt neapstrādātu CSS un JS, lai to ieviestu savā lapā, kas automātiski atbalsta visas mūsdienu pārlūkprogrammas un graciozs degradāciju.

Diemžēl, tā kā React MDL joprojām ir diezgan jauns, tam nav pilnīga atbalsta visiem komponentiem.

Bet jūs varat redzēt pilnu sarakstu šeit, ieskaitot nelielus demo katram. Tas ietver arī avota koda bitus, kurus varat kopēt / ielīmēt savos projektos, ja nepieciešams.

ES būtu ne iesakām mācīties reaģēt MDL, līdz jau jūtaties ērti ar abām bibliotēkām.

Materiālu dizaina Lite komplekts ir diezgan vienkārši sākt, bet React ir daudz sarežģītāks.

Lai uzzinātu vairāk par MDL, apskatiet FAQ savā oficiālajā vietnē. Tā piedāvā padomus par to, kur lietot MDL, kuras funkcijas tā piedāvā, un to, kā tā var ietilpt tipiskā webdev darbplūsmā.

Bet patiesi, pat ja jūs nesaprotat, reaģējiet ļoti labi, jūs joprojām varat iegūt ar visiem paraugiem sastāvdaļu lapā. Piemēram, teksta lauka lapā ir darba lauki, kuros izmantots materiāla dizains, bet ar koda fragmentiem.

Jūtieties brīvi spēlēt un redzēt, ko jūs varat veidot. Abas bibliotēkas ir pilnīgi bez maksas un atvērtā koda visiem projektiem neatkarīgi no tā, vai tie ir personiski vai komerciāli.

Plašāku informāciju varat uzzināt lapā React MDL GitHub, ja vēlaties izpētīt avotu un ienirt.