Mengenal React JS

 

Apa itu React JS?

React JS adalah Library JavaScript yang digunakan dalam pengembangan web untuk membangun elemen-elemen interaktif padanya. React JS dibuat oleh Facebook dan bukan merupakan framework MVC. React JS bersifat composable user interface yakni dapat membuat berbagai UI yang dapat kita bagi menjadi beberapa komponen.

Mengenal Kembali JavaScript

JS (JavaScript) adalah bahasa skrip yang digunakan untuk membuat dan mengontrol konten web sehingga menjadi dinamis. Konten tersebut mencakup hal-hal seperti animasi grafik, tayangan slide foto, formulir interaktif dan lain-lain. Hal ini dapat kita lihat ketika mengunjungi suatu situs dimana terdapat sesuatu yang bergerak, me-refresh halaman tersebut atau layar tampilannya berubah tanpa harus kita memuat ulang laman tersebut.

Mengenal Javascrip Library

Ketika kita menggunakan JS, tentu saja adakalanya kita menggunakan fungsi yang berulang-ulang dalam proses pengembangan. Misalnya, efek animasi, fitur pencarian, dll. Pengulangan dalam penggunaan fungsi-fungsi tersebut tentu akan merepotkan jika fungsi tersebut tidak tersimpan dalam suatu tempat dimana kita dapat mengambilnya bilamana dibutuhkan. Inilah peran JavaScript Library.

JS Library adalah kumpulan kode JS yang telah ditulis sebelumnya yang dapat digunakan untuk tugas-tugas JS umum, memungkinkan kita untuk melewati proses pengkodean dengan efesien. Dengan adanya library ini, kita tidak perlu melakukan pengkodean kembali.

Kelebihan React JS

1. Efesien

React JS 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 berkali-kali)

Komponen yang telah dibuat, dalam React JS dapat digunakan berkali-kali jika suatu saat dibutuhkan kembali. Hal ini tentu saja berguna bagi developer, dapat mempersingkat waktu dan mengurangi resource yang ada.

3. Library Javascript

JSX (JavaScript Extension) dapat menyematkan syntax HTML ke dalam Javascript. Tentu saja ini dapat membantu dalam proses pengembangan.

4. Immutable State

Kita dapat mengatur state yang ada dengan menggunakan Redux dan dapat mengatasi permasalahan mutable state dengan RamdaJs.