Material Kit React adalah Material-UI v4.1.0 Kit Gratis dengan desain baru dan segar yang terinspirasi oleh desain material Google. Anda memintanya, jadi kami membuatnya. Sangat menyenangkan untuk memperkenalkan kepada Anda konsep material dalam satu set komponen yang mudah digunakan dan indah. Bersamaan dengan penataan ulang elemen Material-UI, Anda akan menemukan tiga halaman contoh dengan kode lengkap, untuk membantu Anda merancang proyek Anda berikutnya.
Template ini telah dipublikasi sebelumnya di situs web Creative Tim
MIT - Hak Cipta (c) 2018 Creative Tim
Material Kit React dibangun di atas Material UI menggunakan create-react-app. Fitur asli dalam template versi gratis ini sebelum di modifikasi adalah sebagai berikut :
Proses modifikasi pada template ini menyertakan tekhnologi berikut dalam konfigurasinya :
Proses modifikasi pada template ini menyertakan tekhnologi berikut dalam konfigurasinya :
Saya asumsikan Anda akan memulai dengan mengunduh template asli ini menggunakan tombol unduh di akhir artikel ini. Baiklah, kita langsung ke intinya saja!.
CATATAN : Untuk informasi lebih lanjut, Anda dapat melihat referensi dokumentasi tutorial dari CreativeTim di sini atau dokumentasi rekomendasi CreativeTim di sini.
CATATAN : perintah
SELAMAT MENCOBA. SEMOGA BERHASIL!
Material Kit React memanfaatkan cahaya, permukaan, dan gerakan. Ini menggunakan pilihan warna yang disengaja, citra tepi-ke-tepi dan tipografi skala besar. Tata letak umum menyerupai lembaran kertas mengikuti beberapa lapisan berbeda, sehingga kedalaman dan keteraturannya jelas. Navigasi utamanya tetap di kiri dan tindakan di kanan.
Desain baru ini memiliki elemen hasil penelitian tentang tinta dan kertas serta cara objek dan bahan berinteraksi dalam kehidupan nyata. Hasilnya adalah serangkaian elemen yang indah dan konsisten yang dapat membantu Anda memulai proyek berikutnya. Material Kit React adalah alat yang hebat jika Anda ingin menciptakan keberadaan web untuk aplikasi Android Anda dan perlu konsisten, meninggalkan kesan elemen yang secara visual serupa. Ini juga merupakan sumber daya yang bagus dengan sendirinya, tampak cantik dan membantu Anda membangun halaman web Anda.
Material Kit React menggunakan kerangka kerja yang luar biasa sehingga mampu memberikan kita keunggulan seperti efek material, animasi, riak, dan transisi.
Sumber Asli
Lisensi
Fitur
Tekhnologi Utama
Modifikasi
Perbaikan Template
[HMR] Waiting for update signal from WDS...
0.chunk.js:232724 Download the React DevTools for a better development experience: https://fb.me/react-devtools
0.chunk.js:208008 Warning: componentWillReceiveProps has been renamed, and is not recommended for use. See https://fb.me/react-unsafe-component-lifecycles for details.
* Move data fetching code or side effects to componentDidUpdate.
* If you're updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps. Learn more at: https://fb.me/react-derived-state
* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress this warning in non-strict mode. In React 17.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run "npx react-codemod rename-unsafe-lifecycles" in your project source folder.
Please update the following components: DateTime, ReactSwipableView
printWarning @ 0.chunk.js:208008
Panduan dan Persiapan untuk penggunaan
npm install npm start npm run install:clean install dan skrip start http://localhost:3000
Panduan menjalankan template modifikasi
C:\Windows\system32>cd C:\xampp\htdocs\material-kit-react-modificationC:\xampp\htdocs\material-kit-react-modification>npm startnpm startnpm install tidak diperlukan!.
dalam tahap ini browser secara otomatis akan membuka port http://localhost:3000. Jika tidak terbuka secara otomatis, Anda dapat membukanya secara manual dengan mengetikkan di bidang url browser alamat http://localhost:3000. Jika Anda mendapatkan pesan di terminal seperti ini, artinya semuanya berjalan sempurna. SELESAI !.
C:\xampp\htdocs\material-kit-react-modification>npm start
material-kit-react@1.9.0 start C:\xampp\htdocs\material-kit-react-modification
react-scripts start
Compiled successfully!
You can now view material-kit-react in the browser.
Local: http://localhost:3000
On Your Network: http://192.168.100.8:3000
Note that the development build is not optimized.
To create a production build, use npm run build.
file ini diunggah menggunakan jasa layanan eksternal
Tags: