skip to Main Content
Pengertian ReactJS Dan Memulai ReactJs

Pengertian ReactJS dan memulai ReactJs

Pengertian 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.

Komponen dalam ReactJS

Komponen mempermudah Anda untuk memecah interface pengguna menjadi bagian tersendiri, bagian yang bisa digunakan kembali. Secara konsep, komponen mirip dengan fungsi pada Javascript. Berikut ini adalah komponen ReactJS.

State & Props dalam ReactJS

State adalah data private sebuah component. Data ini hanya tersedia untuk component tersebut dan tidak bisa di akses dari component lain. State biasanya dimasukan di dalam method Constructor. Constructor adalah special method untuk membuat dan meng-inisialisasi sebuah objek yang dibuat dengan class. Berikut ini adalah contohnya :

Props singkatan dari Property. Prop ini adalah data yang di kirimkan ke component yang berbeda. Component yang menerima menyebutkan data tersebut adalah prop. Berikut ini adalah contohnya :

Gunakan props untuk komunikasi data antar component (parent to child component)

Struktur dalam ReactJs

Cara Install ReactJS

Tahap pertama adalah download dulu installernya di website ReactJs berikut ini:

Tahap berikutnya adalah melakukan install dengan menuliskan code berikut ini di terminal kalian:

Jika kalian berhasil maka tampilannya akan tampil berikut ini :

Cara memulai ReactJs

Buka terminal kalian dan tuliskan code berikut ini untuk menyalakan ReactJs kalian :

Jika berhasil, maka terminal kalian akan menampilkan layar seperti berikut ini :

Kemudian tampilan browsing kalian akan menampilkan layar seperti berikut ini yang artinya kalian sudah siap untuk memulai proyek ReactJs pertama kalian.

Selamat mencoba!

 

—————

Penulis:

Rizkha Pramesti – Trainer Xsis Academy

Source:

Bahan ajar materi ReactJS di Xsis Academy

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Back To Top