Reagovať MDL spája reakciu s materiálom Design Lite

Google nedávno vydal knižnicu s názvom Material Design Lite, ktorá je zdrojom frontend pre vývojárov. Automaticky štýluje ľubovoľnú webovú stránku s využitím materiálových návrhov s predvolenými CSS a JS.

To je populárny rámec pre jednoduché projekty dev. Reagovať MDL kombinuje rámec spoločnosti Google s knižnicou React, aby vytvoril dobre zaokrúhľovaný zdroj frontend.

Materiálový dizajn spoločnosti Google je jednoznačne budúcnosťou UI / UX vo svete spoločnosti Google. A s Material Design Lite je jednoduchšie ako kedykoľvek predtým implementovať tieto funkcie na akékoľvek webové stránky s vlastnou knižnicou open source.

React je tiež zďaleka najpopulárnejší koncový JS rámec používaný pre komponenty zobrazenia frontend. Pomocou nástroja React MDL môžete zlúčiť tieto komponenty React s knižnicou MDL a získať tak podobný prehľad, aký nájdete v online dokumentácii spoločnosti Google.

Tu je vzorová šablóna článku, aby ste mohli získať pocit, ako to vyzerá.

Táto stránka nemá veľa komponentov React, ale dokazuje estetický vzhľad materiálu. Na tejto demo vybudovanej pomocou komponentov React nájdete oveľa viac akcií.

Viac informácií o materiálovom dizajne Lite môžete nájsť na repo spoločnosti GitHub, ak máte záujem dozvedieť sa viac. Odtiaľ môžete prevziať surové CSS a JS na implementáciu do vašej stránky, ktorá automaticky podporuje všetky moderné prehliadače a ladnú degradáciu.

Bohužiaľ, keďže React MDL je stále dosť nová, nemá plnú podporu pre všetky komponenty.

Ale môžete vidieť celý zoznam tu vrátane malých ukážok pre každý z nich. Obsahuje tiež bity zdrojového kódu, ktoré môžete podľa potreby kopírovať / vložiť do vlastných projektov.

Chcel by som nie odporúčajte učiť sa ako reakcia na MDL, kým sa už nebudete cítiť dobre s oboma knižnicami.

Materiál Material Design Lite je pomerne jednoduchý, ale React je oveľa zložitejší.

Viac informácií o MDL nájdete na stránke oficiálnych stránok. Ponúka tipy, ako používať MDL, ktoré ponúka a ako sa dá zapadnúť do bežného pracovného postupu služby webdev.

Ale pravdivo, aj keď nerozumiete React veľmi dobre, môžete stále dostať sa so všetkými vzorkami na strane komponentov. Napríklad textová stránka má pracovné textové pole s použitím materiálového dizajnu, ale s úryvkami kódu React.

Nebojte sa hrať a pozrieť sa, čo môžete stavať. Obe knižnice sú úplne zadarmo a open source pre všetky projekty, či už osobné alebo komerčné.

Viac informácií nájdete na stránke React MDL GitHub, ak chcete študovať zdroj a ponoriť sa.