Pengenalan dasar - dasar React JS

Apa Itu React JS?

React JS adalah library Javascript berbasis Open Source yang di kembangkan oleh Meta (Facebook) dan banyak di pakai oleh pengembang website maupun mobile (React Navtive).

React JS sangatlah populer di kalangan pengembang website modern khususnya untuk Frontend Developer di karenakan banyaknya dukungan oleh pengembang dan juga karena kemudahanya untuk di implementasikan ke dalam pengembangan website.

React JS menggunakan teknologi Virtual DOM untuk merender Component berupa tag - tag HTML sehingga tampil di sisi Client.

 

Apa itu Virtual DOM?

Virtual DOM adalah teknologi dimana DOM(Ducument Object Model) di buat di dalam memory sehingga lebih cepat di bandingkan dengan DOM asli yang di buat oleh browser.

 

Alasas menggunakan React JS?

• Modern
• Memiliki Banyak dukungan pengembang
• Flexible
• Banyak di gunakan perusahaan - perusahaan besar
• Job React Developer lebih banyak dari pada yang lain

 

Persiapan sebelum Menggunakan React JS

Ada beberapa persyaratan yang harus di kuasai sebelum menggunakan React JS dan akan memudahkan kita dalam menggunakan React JS

• Basic HTML
• Basic Javascript / Typescript
• CSS

 

Persiapan Tools

• Node JS
• NPM / Yarn
• Text Editor (Visual Studio Code / Recomended)

 

Component

Hal yang paling dasar yang harus di pahami dalam membangun aplikasi berbasis React adalah Component. Component adalah block code yang di pisahkan berdasarkan fungsi atau kegunaan dari component tesebut.

Contoh component:

• Button
• Card
• Avatar
• Menu

Component biasanya di desian seflexible mungkin supaya bisa digunakan oleh component - component lain yang membutuhkan. misal di dalam component Card ada component Button

Pada gambar diatas adalah contoh component pada React JS dimana ada component yang saling berkaitan.
Dengan membuat component kita akan lebih mudah menggunakan component tesebut karena bisa di pakai oleh banyak component.