Reagoi MDL Merges Reagoi materiaalin suunnittelun Lite kanssa
Google laittoi äskettäin kirjaston nimeltä Material Design Lite, joka on kehittäjien etusijaresurssi. Se muotoilee minkä tahansa verkkosivuston automaattisesti käyttämällä materiaalisuunnitteluohjeita, joissa on valmiiksi rakennettu CSS ja JS.
Tämä on suosittu kehys yksinkertaisille projektille. Reagoi MDL yhdistää Googlen kehyksen React-kirjastoon ja muodostaa hyvin pyöristetyn frontend-resurssin.
Googlen materiaalisuunnittelu on selvästi UI / UX: n tulevaisuus Googlen maailmassa. Materiaalisuunnitteluohjelmalla on helpompaa kuin koskaan toteuttaa nämä ominaisuudet mihin tahansa verkkosivustoon, jossa on oma avoimen lähdekoodin kirjasto.
Reaktio on myös ylivoimaisesti suosituin etupaneelinäkymän komponenttien JS-kehys. React MDL: n avulla voit yhdistää nämä React-komponentit MDL-kirjastoon saadaksesi näkymän, joka on paljon samanlainen kuin Googlen online-dokumentaatiossa.
Tässä on esimerkki artikkelimallista, jotta voit tuntea, miten tämä näyttää.
Tällä sivulla ei ole monia React-komponentteja, mutta se osoittaa materiaalin suunnittelun esteettisyyden. React-komponentteja käyttävässä demossa on paljon enemmän toimintaa.
Voit todellakin löytää lisätietoja materiaalisuunnittelusta Lite GitHub reposta, jos olet utelias oppimaan lisää. Sieltä voit ladata raaka-CSS: n ja JS: n, jotka toteutetaan sivullesi, joka tukee automaattisesti kaikkia nykyaikaisia selaimia ja siro hajoamista.
Valitettavasti React MDL on edelleen melko uusi, eikä sillä ole täyttä tukea kaikille osille.
Näet kuitenkin täydellisen luettelon, joka sisältää pienet demot jokaiselle. Tämä sisältää myös lähdekoodin bitit, joita voit kopioida / liittää omiin projekteihin tarpeen mukaan.
minä voisin ei suosittele oppimista React MDL, kunnes tunnet molemmat kirjastot.
Materiaalisuunnittelupaketti on melko helppo aloittaa, mutta React on paljon monimutkaisempi.
Jos haluat lisätietoja MDL: stä, tutustu usein kysyttyjen kysymysten sivuihin heidän virallisella sivustollaan. Se tarjoaa vinkkejä MDL: n käyttämiseen, mitä ominaisuuksia se tarjoaa ja miten se mahtuu tyypilliseen webdev-työnkulkuun.
Mutta totuudenmukaisesti, vaikka et ymmärrä Reactia hyvin, voit silti saada kaikki komponentit-sivulla olevat näytteet. Esimerkiksi tekstikenttäsivulla on toimivia tekstikenttiä, joissa käytetään materiaalia, mutta reagoi koodinpätkät.
Voit vapaasti pelata ja nähdä, mitä voit rakentaa. Molemmat kirjastot ovat täysin ilmaisia ja avoimen lähdekoodin kaikille henkilökohtaisille tai kaupallisille hankkeille.
Lisätietoja on React MDL GitHub -sivulta, jos haluat tutkia lähdettä ja sukeltaa sisään.
