Program CRUD dengan React Js, Bootstrap dan Laravel




Program CRUD dengan React Js, Bootstrap dan Laravel - Kali ini saya akan membagi contoh program CRUD REST API dengan React Js dan Laravel sebagai backendnya. Untuk yang baru belajar dan baru mendalami ReactJs silahkan download program CRUD ini, yang mungkin bisa membantu anda untuk belajar reactJs. Tapi sebelum itu kita pahami dulu apah itu ReactJs.

 

Apa itu React JS?

React Js adalah sebuah library JavaScript yang di buat oleh facebook. React bukanlah sebuah framework MVC. React adalah library yang bersifat composable user interface, yang artinya kita dapat membuat berbagai UI yang bisa kita bagi menjadi beberapa komponen.

 

Kenapa harus React?

1. Cepat dan Efisien
Karena berbasis komponen maka react hanya perlu me-render  resource yang berhubungan dengan data yang berganti, tidak perlu me-render seluruh resource .

2. Reusable (dapat digunakan berulangkali)
Komponen yang telah kita buat dapat kita gunakan berkali-kali pada saat dibutuhkan. Ini sangat berguna bagi kita untuk mempersingkat waktu dan mengurangi resource yang ada.

3. Library JavaScript
JSX (JavaScript Extension) singkatnya kita dapat menyematkan syntax HTML kedalam Javascript. Ini sangat membantu kita dalam proses development, apalagi dengan adanya  fungsi dari ES6(Ecma Script).

4. Immutable State
Kita dapat memanajemen state yang ada dengan menggunakan Redux. Kita dapat mengatasi permasalahan mutable state dengan RamdaJs. Untuk state yang berinteraksi dengan API kita dapat menggunakan Redux-Saga.

 

KESIMPULAN

Mungkin beberapa pembaca masih perlu penjelasan tambahan apa itu React, JSX, Redux, Redux-Saga. Nanti akan dijelaskan ditutorial selanjutnya saat kita membuat project Apps React.

Intinya:
React memberikan segala kemudahan yang dibutuhkan programmer dalam mendevelop sebuah aplikasi yang ringan,cepat dan mudah digunakan. Selain itu ada juga React Native sebuah framework yang bisa kita gunakan untuk mengembangkan aplikasi Android dan IOS sekaligus dengan menggunakan bahasa JavaScript.

 

Instalasi Program CRUD ReactJS

  • Buat Database pada phpMyAdmin(contoh: latihan_reactjs)
  • Download pindahkan programnya ke dalam htdoc dan masuk ke direktori backend
  • Jalankan Terminal/CMD  pada direktori backend ketik php artisan migrate
  • Selanjutnya Ketik php artisan db:seed
  • Selanjutnya Ketik php artisan key:generate
  • Dan ketik php artisan serve 
  • Buka Browser sesuai alamat serve nya contoh http://127.0.0.1:8000.
  • Jika berhasil akan muncul seperti diabawah ini.

  • Sekarang kita jalankan program reactnya dengan membuka direcktori client.
  • Jalankan Terminal/CMD  pada direktori client ketik npm start jika berhasil makan akan muncul seperti dibawah ini.

 

Untuk menjalankannya di browser silahkan klik url-nya contoh http://loaclhost:3000/. Selamat mencoba semoga berhasil

 

Download


Search


Top Stories


  1. Membuat Perulangan Segitiga Bintang Dengan PHP

    on 2018-01-12

  2. Membatasi Jumlah Karakter dengan PHP

    on 2018-01-23

  3. Kenapa Telinga Gatal dan Berair

    on 2018-04-13

  4. Membuat Tanggal dan Zona Waktu Sederhana dengan PHP

    Admin on 2017-11-26

  5. Membuat Paragraf Otomatis dengan Script PHP

    on 2018-01-26

Other Post


Top Videos


  1. FILM Horor Terbaru "SABRINA THE DOLL 2" Full Movie 2018

    Andri03 on 2018-08-01

  2. Sandiaga Uno Resmi Mundur dari Ketua Tim Pemenangan Partai Gerindra

    joesep on 2018-07-31

  3. Founder SB1M dan Pemilik Distro BLOOP ini BANGKIT dari BANGKRUT 16x dan HUTANG 11M | Christina Lie

    joesep on 2019-06-04

  4. vivo Z1 Pro VS OPPO A9 2020 | Duel HP 3 Jutaan Terbaik 2019!

    joesep on 2019-09-26

  5. Aplikasi Kasir Point of Sale Restoran / Kafe Berbasis WEB

    joesep on 2018-08-15

close