React Merges MDL React with Material Design Lite
Google baru-baru ini mengeluarkan sebuah perpustakaan bernama Bahan Reka Bentuk Lite yang merupakan sumber frontend untuk pemaju. Ia secara automatik menggunakan laman web mana-mana menggunakan garis panduan reka bentuk bahan dengan CSS dan JS yang telah dibina.
Ini adalah rangka kerja yang popular untuk projek dev mudah. Mengklik MDL menggabungkan rangka kerja Google dengan pustaka React untuk membuat sumber frontend yang serba lengkap.
Reka bentuk bahan Google jelas masa depan UI / UX di dunia Google. Dan dengan Bahan Reka Bentuk Lite, lebih mudah dari sebelumnya untuk melaksanakan ciri-ciri ini ke mana-mana laman web dengan perpustakaan sumber terbuka proprietari.
React juga merupakan rangka kerja JS frontend yang paling popular yang digunakan untuk komponen paparan frontend. Dengan React MDL anda boleh menggabungkan komponen React ini dengan pustaka MDL untuk mendapatkan pandangan seperti yang anda akan dapati dalam dokumentasi dalam talian Google.
Berikut adalah template artikel sampel supaya anda dapat merasakan bagaimana ini kelihatan.
Halaman ini tidak mempunyai banyak komponen React tetapi ia menunjukkan estetika reka bentuk bahan. Anda akan mendapat lebih banyak tindakan pada demo ini yang dibina menggunakan komponen React.
Anda sebenarnya boleh mendapatkan maklumat lanjut mengenai Material Design Lite pada repo GitHub jika anda ingin tahu lebih lanjut. Dari sana anda boleh memuat turun CSS mentah dan JS untuk melaksanakan ke halaman anda yang secara automatik menyokong semua penyemak imbas moden dan kemerosotan anggun.
Malangnya sejak React MDL masih agak baru ia tidak mempunyai sokongan penuh untuk semua komponen.
Tetapi anda boleh melihat senarai lengkap di sini termasuk demo kecil untuk setiap orang. Ini juga termasuk bit kod sumber yang boleh anda salin / paste ke projek anda sendiri seperti yang diperlukan.
saya akan tidak mengesyorkan pembelajaran React MDL sehingga anda sudah merasa selesa dengan kedua-dua perpustakaan.
Suite Bahan Reka Bentuk Bahan cukup mudah untuk bermula tetapi React adalah lebih kompleks.
Untuk mengetahui lebih lanjut mengenai MDL, lihat halaman FAQ di laman web rasmi mereka. Ia menawarkan petua di mana untuk menggunakan MDL, yang menawarkan ia menawarkan, dan bagaimana ia dapat disesuaikan dengan aliran kerja web biasa.
Tetapi jujur walaupun anda tidak memahami React dengan baik, anda masih boleh mendapatkan dengan semua sampel pada halaman komponen. Sebagai contoh, halaman medan teks mempunyai medan teks kerja menggunakan reka bentuk bahan tetapi dengan coretan kod React.
Jangan ragu untuk bermain-main dan lihat apa yang boleh anda bina. Kedua-dua perpustakaan adalah percuma dan sumber terbuka untuk semua projek sama ada peribadi atau komersial.
Anda boleh mengetahui lebih lanjut dari halaman React MDL GitHub jika anda ingin mempelajari sumber dan menyelam.
