Реагује МДЛ Мергес Реагује са материјалом Десигн Лите

Гоогле је недавно објавио библиотеку под називом Материал Десигн Лите која је изворни ресурс за програмере. Он аутоматски обликује било који веб сајт користећи смернице за дизајн материјала са унапред припремљеним ЦСС и ЈС.

Ово је популаран оквир за једноставне развојне пројекте. Реацт МДЛ комбинира Гооглеов оквир са библиотеком Реацт да би направио добро заобљени фронтенд ресурс.

Гооглеов дизајн материјала је јасно будућност УИ / УКС-а у свету Гоогле-а. Са материјалом Десигн Лите лакше је него икад имплементирати ове функције на било који веб сајт са власничком библиотеком отвореног кода.

Реацт је такође далеко најпопуларнији фронт-ЈС оквир који се користи за компоненте прегледа фронтенда. Са Реацт МДЛ можете да спојите ове компоненте Реацт са МДЛ библиотеком да бисте добили приказ сличан ономе у Гооглеовој онлајн документацији.

Ево примера шаблона за чланак како бисте могли да осетите како то изгледа.

Ова страница нема много Реацт компоненти, али показује естетику дизајна материјала. На овој демо верзији ћете наћи много више акција које су направљене помоћу компоненти Реацт.

Можете сазнати више информација о материјалном дизајну Лите на ГитХуб репо ако вас занима да сазнате више. Одатле можете да преузмете необрађени ЦСС и ЈС да бисте их применили на вашу страницу која аутоматски подржава све модерне претраживаче и грациозну деградацију.

Нажалост, пошто је Реацт МДЛ још увек прилично нов, нема пуну подршку за све компоненте.

Овде можете погледати комплетну листу, укључујући и мале демо верзије за сваку од њих. Ово такође укључује битове изворног кода које можете копирати / залијепити у властите пројекте по потреби.

Ја бих не препоручујемо учење Реацт МДЛ док се већ не осјећате угодно с обје књижнице.

Материјални дизајн Лите је прилично једноставан за почетак, али Реацт је много сложенији.

Да бисте сазнали више о МДЛ-у, прочитајте страницу са често постављаним питањима на њиховом званичном сајту. Она нуди савете о томе где да се користи МДЛ, које функције он нуди и како се може уклопити у типичан радни процес Вебдев-а.

Али истинито, чак и ако не разумете Реаговати врло добро, још увек можете проћи са свим узорцима на страници са компонентама. На пример, страница са текстуалним пољем има радна текстуална поља која користе дизајн материјала, али са одломцима Реацт цоде.

Слободно се играјте и видите шта можете да направите. Обе библиотеке су потпуно бесплатне и отворене за све пројекте, било да су личне или комерцијалне.

Можете сазнати више на страници Реацт МДЛ ГитХуб ако желите да проучите извор и зароните.