Bereaksi MDL Merge Bereaksi dengan Material Design Lite

Google baru-baru ini mengeluarkan perpustakaan yang disebut Material Design Lite yang merupakan sumber daya utama bagi pengembang. Secara otomatis gaya situs web mana pun menggunakan pedoman desain bahan dengan CSS dan JS yang sudah dibuat sebelumnya.

Ini adalah kerangka kerja populer untuk proyek dev sederhana. React MDL menggabungkan kerangka kerja Google dengan perpustakaan React untuk membuat sumber daya frontend yang menyeluruh.

Desain materi Google jelas merupakan masa depan UI / UX di dunia Google. Dan dengan Material Design Lite lebih mudah dari sebelumnya untuk mengimplementasikan fitur-fitur ini ke situs web mana pun dengan pustaka sumber terbuka milik.

React juga merupakan kerangka JS frontend paling populer yang digunakan untuk komponen tampilan frontend. Dengan Bereaksi MDL Anda dapat menggabungkan komponen Bereaksi ini dengan perpustakaan MDL untuk mendapatkan tampilan seperti yang akan Anda temukan di dokumentasi online Google.

Ini contoh template artikel sehingga Anda bisa merasakan bagaimana tampilannya.

Halaman ini tidak memiliki banyak komponen Bereaksi tetapi menunjukkan estetika desain material. Anda akan menemukan lebih banyak aksi pada demo ini yang dibuat menggunakan komponen Bereaksi.

Anda sebenarnya dapat menemukan lebih banyak info tentang Material Design Lite di repo GitHub jika Anda penasaran untuk mempelajari lebih lanjut. Dari sana Anda dapat mengunduh CSS dan JS mentah untuk diterapkan ke halaman Anda yang secara otomatis mendukung semua browser modern dan degradasi yang baik.

Sayangnya karena React MDL masih terbilang baru, ia tidak memiliki dukungan penuh untuk semua komponen.

Tetapi Anda dapat melihat daftar lengkap di sini termasuk demo kecil untuk masing-masing. Ini juga termasuk bit kode sumber yang dapat Anda salin / tempel ke proyek Anda sendiri sesuai kebutuhan.

saya akan tidak merekomendasikan belajar Bereaksi MDL sampai Anda sudah merasa nyaman dengan kedua perpustakaan.

Suite Material Design Lite cukup sederhana untuk memulai tetapi Bereaksi jauh lebih kompleks.

Untuk mempelajari lebih lanjut tentang MDL, periksa halaman FAQ di situs resmi mereka. Ini menawarkan tips tentang di mana harus menggunakan MDL, fitur apa yang ditawarkannya, dan bagaimana hal itu dapat masuk ke dalam alur kerja webdev yang khas.

Tapi sejujurnya bahkan jika Anda tidak mengerti Bereaksi sangat baik Anda masih bisa bertahan dengan semua sampel pada halaman komponen. Misalnya halaman textfield memiliki textfield bekerja menggunakan desain bahan tetapi dengan potongan kode Bereaksi.

Jangan ragu untuk bermain-main dan melihat apa yang bisa Anda bangun. Kedua perpustakaan sepenuhnya gratis dan sumber terbuka untuk semua proyek baik pribadi maupun komersial.

Anda dapat menemukan lebih banyak dari halaman Bereaksi MDL GitHub jika Anda ingin mempelajari sumber dan menyelam.