Reagovat MDL Merges Reagovat s materiálem Design Lite

Google nedávno vydala knihovnu nazvanou Material Design Lite, která je zdrojem pro vývojáře. To automaticky styly jakékoliv webové stránky pomocí pokynů pro návrh materiálu s pre-postavený CSS a JS.

Toto je populární rámec pro jednoduché dev projekty. Reagovat MDL kombinuje rámec Google s knihovnou React, aby se vytvořil dobře zaoblený zdroj frontendu.

Materiálový design společnosti Google je jednoznačně budoucností UI / UX ve světě Google. A s materiálovým designem Lite je jednodušší než kdy jindy implementovat tyto funkce na jakékoli webové stránky s proprietární open source knihovnou.

React je také zdaleka nejpopulárnějším frameworkem frontendu JS používaným pro pohledové komponenty. Pomocí funkce React MDL můžete sloučit tyto reaktivní součásti s knihovnou MDL a získat tak názor, jaký najdete v online dokumentaci Google.

Zde je ukázka šablony článku, takže můžete získat pocit, jak to vypadá.

Tato stránka nemá mnoho komponent React, ale ukazuje estetiku materiálového designu. Najdete zde mnohem více akce na tomto demu postaveném pomocí komponent React.

Pokud se chcete dozvědět více, můžete se dozvědět více informací o materiálu Design Lite v repo programu GitHub. Odtud si můžete stáhnout raw CSS a JS, které můžete implementovat do vaší stránky a které automaticky podporují všechny moderní prohlížeče a ladnou degradaci.

Bohužel, protože React MDL je stále poměrně nová, nemá plnou podporu pro všechny komponenty.

Ale můžete zde vidět úplný seznam včetně malých ukázek pro každou z nich. To také zahrnuje bity zdrojového kódu, které můžete podle potřeby kopírovat / vkládat do vlastních projektů.

Já bych ne doporučte učení Reagujte na MDL, dokud se necítíte dobře s oběma knihovnami.

Suite Design Lite je velmi jednoduché začít, ale React je mnohem složitější.

Chcete-li se dozvědět více o MDL, podívejte se na stránku FAQ na svých oficiálních stránkách. Nabízí tipy, kde použít MDL, které funkce nabízí a jak se vejde do typického pracovního postupu webdev.

Ale pravdivě i když nerozumíte React velmi dobře, můžete se stále dostat se všemi vzorky na stránce komponent. Textová stránka má například funkční textová pole s použitím materiálového návrhu, ale s útržky kódu React.

Nebojte se hrát a uvidíte, co můžete postavit. Obě knihovny jsou zcela zdarma a open source pro všechny projekty, ať už osobní nebo komerční.

Více se můžete dozvědět na stránce React MDL GitHub, pokud chcete studovat zdroj a potápět se.