Membuat CRUD sederhana menggunakan React JS (Bagian 1)



Apa itu CRUD ?

Crud adalah singkatan dari create, read, update, delete.


Kali in saya akan mencoba membuat aplikasi CRUD dengan reactjs. Masih seperti biasa artikel ini dibuat berdasarkan uji coba praktek langsung CRUD menggunakan Visual Studio Code yang terinfluence dari chanel youtube-nya wahidev academy. Mudah-mudahan kedepannya dapat langsung berkomunikasi dan belajar dengan pemilik chanelnya. Terimakasih atas inspirasi dan pembelajarannya. Mudah-mudahan jadi amal ibadah.

Jadi bagi yang ingin langsung mengunjungi chanel youtube-nya untuk mendapatkan materi full ada di wahidev academy.


Penampakan CRUD yang saya buat seperti berikut :



Ok, baik kita langsung saja jalankan Visual Studio Code.

Jalankan npm start

Buat folder berikut :



Kita intal reactjs-bootstrap menggunakan npm install react bootstrap@5.0.1 kemudian kita import css reactjs-bootstrap menggunakan import 'bootstrap/dist/css/bootstrap.min.css'; untuk mengambil komponen yang dibutuhkan 


Kita buat navbar dengan mengimport komponen navbar, seperti berikut



Kemudian kita import komponen tabel dari reactjs-bootstrap.



Selanjutnya kita buat form :



Semua komponen telah di masukan kemudian kita jalankan semua komponen tersbut pada index.js


Demikian latihan pembuatan CRUD pada kesempatan kali ini, kurang lebih mohon maaf apabila masih terdapat kekurangan.
Kakang Nurdin
"Kita selesaikan apa yang sudah kita mulai"

Related Posts

Posting Komentar

Subscribe Our Newsletter