Apa Itu ReactJS?
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 ReactJS?
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 ReactJS
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.