skip to Main Content
Pengertian ReactJS Dan Memulai ReactJs

Pengertian ReactJS dan memulai ReactJs

Pengertian ReactJS

Pengertian React Js adalah sebuah library JavaScript yang di buat oleh facebook. ReactJS bukanlah sebuah framework MVC. ReactJS 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.

Component

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 :

constructor

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 :

function

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

Struktur dalam ReactJs

Struktur dari ReactJS  terbagi menjadi dua, Project struktur dan struktur file dalam ReactJS. Berikut ini struktur dari ReactJS:

struktur react js

Cara Install ReactJS

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

create react js

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

installing react app

Jika kalian berhasil maka tampilannya akan tampil berikut ini :

React success install

Cara memulai ReactJs

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

syntax for running

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

when success run

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

react success running in browser

Selamat mencoba!

 

_____________________________________

Written by :

RIZKHA PRAMESTI

As Technical Counselor at PT. Xsis Mitra Utama / Academy

Bachelor Degree of Information Technology Universitas Gunadarma Has a career in Software Developer (.Net Programmer). Since August 2019 joined Xsis Academy as Technical Conselor

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