Beranda YukCoding Tutor Instal dan Perkenalan React JS

Instal dan Perkenalan React JS

41

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 JS?

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.

Jika Sudah Mengetahui Keunggulan React JS. tanpa berlama lama langsung saja kita install React JS

Cara Install React JS

Sebelum menginstall React JS temen-temen harus menginstall Node JS. maka saya anggap temen-temen sudah menginstall Node JS.

Create React App

npm install -g create-react-app

tunggu proses install selesai. jika sudah selesai langkah selanjutnya membuat project baru.

create-react-app react-hello-word

react-hello-word adalah nama project, bebas menggunakan nama yang lain.

tunggu proses create project selesai. jika sudah selesai dan success maka akan muncul kalimat Happy hacking!

Silahkan masuk ke dalam project menggunakan perintah cd react-hello-word pada terminal atau bisa langsung buka di text editor kesayangan temen-temen.

untuk menjalankan project baru yang kita buat temen-temen bisa ketikkan perintah npm start

maka akan di arahkan ke browser dan berjalan pada port 3000 secara default.

proses installasi project react sudah selesai. Selanjutnya kita akan membahas apa itu StateLess Component & StateFul Component pada React JS.

  •  
  •  
  •  
  •  
  •  
  •  

TINGGALKAN KOMENTAR

Please enter your comment!
Please enter your name here