Selasa, 17 Desember 2019

Implementasi CRUD dengan React



Dalam kesempatan kali ini saya akan menjelaskan bagaimana implementasi CRUD dengan menggunakan React

Disini dalam mengimplementasikan CRUD, saya akan melakukan proses perubahan terhadap sebuah projek yang telah jadi yang kemudian akan saya ubah sesuai dengan kebutuhan database yang telah ada

Untuk projeknya saya menggunakan projek yang saya ambil dari github  dengan URL nya https://github.com/ayech0x2/reactcrud

Berikut ini beberapa langkah awal agar file yang dimuat di dalam browser

1. Langkah pertama adalah mendownload file projek dari situs https://github.com/ayech0x2/reactcrud
2. Setelah didownload nantinya file dalam bentuk zip. maka kita unzip terlebih dahulu sehingga nantinya akan menghasilkan file projek laravel
3. Selanjutnya buka projek laravel tersebut di dalam cmd dan jalakan beberapa baris perintah berikut ini

1- Run $ composer update
2- Run $ npm install && npm run dev
3- Create a .env using .env.example
4- Run $ php artisan db:seed
5- Run $ npm run watch
6- Run $ php artisan serve
7- Jalankan http://localhost:8000/

4. Langkah selanjutnya adalah kita perlu melakukan proses edit dan konfigurasi file laravel sehingga dapat sesuai dengan database yang kita inginkan