Reagáljon az MDL-re
A Google nemrégiben megjelent egy Material Design Lite nevű könyvtárat, amely a fejlesztők számára a frontend erőforrás. Automatikusan bármilyen webhelyet használ, az előre megépített CSS és JS anyagokkal kapcsolatos irányelvek alapján.
Ez az egyszerű dev projektek népszerű kerete. A React MDL a Google keretrendszerét a React könyvtárral ötvözi, hogy egy jól lekerekített frontend erőforrást hozzon létre.
A Google anyagi tervezése egyértelműen az UI / UX jövője a Google világában. És az Material Design Lite segítségével könnyebb, mint valaha megvalósítani ezeket a funkciókat bármely webhelyre egy saját nyílt forráskódú könyvtárral.
A reagálás messze a legnépszerűbb frontend JS keretrendszer, amelyet a frontend nézet komponensei használnak. A React MDL segítségével egyesítheti ezeket a React-összetevőket az MDL-könyvtárral, hogy olyan képet kaphasson, amely hasonlóan megjelenik a Google online dokumentációjában.
Itt van egy minta cikksablonja, hogy megérthesse, hogyan néz ki ez.
Ez az oldal nem tartalmaz sok React komponenst, de az anyagtervezés esztétikáját mutatja. Ezzel a demóval a React komponensek használatával több műveletet talál.
Ha többet szeretne megtudni, a GitHub repo-ról valójában több információt talál az Material Design Lite-ről. Innen letöltheti a nyers CSS-t és a JS-t, melyet végrehajtani az Ön oldalára, amely automatikusan támogatja az összes modern böngészőt és kecses degradációt.
Sajnos, mivel a React MDL még mindig meglehetősen új, nem rendelkezik teljes mértékben az összes összetevővel.
De itt látható egy teljes lista, ideértve a kis demókat is. Ez magában foglalja a forráskódokat is, amelyeket szükség szerint másolhat / beilleszthet saját projektjeibe.
szeretnék nem javasolja a tanulást Reagáljon az MDL-re, amíg már nem érzi magát a két könyvtárral.
Az Anyagtervezés Lite lakosztály meglehetősen egyszerű elindítani, de a React sokkal összetettebb.
Ha többet szeretne megtudni az MDL-ről, nézze meg a hivatalos oldalukon található GYIK oldalt. Tippeket tartalmaz arra vonatkozóan, hogy hol használjon MDL-t, mely szolgáltatásokat kínál, és hogyan illeszkedik bele egy tipikus webdev munkafolyamatba.
De igaz, még akkor is, ha nem érti, hogy a React nagyon jól érzi magát, akkor még mindig az összes komponensoldalon található mintával juthat el. Például a szövegmező oldalon működő szövegmezők találhatók anyagtervezéssel, de a React kódrészletekkel.
Nyugodtan játszhatsz, és nézd meg, mit építhetsz. Mindkét könyvtár teljesen ingyenes és nyílt forráskódú minden projekt számára, akár személyes, akár kereskedelmi jellegű.
Ha többet szeretne megtudni a forrásról és a merülésről, a React MDL GitHub oldalról többet megtudhat.
