React Introduction

  • Post
    ReactJS adalah library JavaScript yang deklaratif, efisien, dan fleksibel untuk membuat komponen UI yang dapat digunakan kembali. Ini adalah pustaka ujung depan sumber terbuka berbasis komponen yang bertanggung jawab hanya untuk lapisan tampilan aplikasi. Itu dibuat oleh Jordan Walke, yang merupakan seorang insinyur perangkat lunak di Facebook. Ini awalnya dikembangkan dan dikelola oleh Facebook dan kemudian digunakan dalam produknya seperti WhatsApp & Instagram. Facebook mengembangkan ReactJS pada tahun 2011 di bagian umpan berita, tetapi dirilis ke publik pada bulan Mei 2013.

    Saat ini, sebagian besar situs web dibuat menggunakan arsitektur MVC (model view controller). Dalam arsitektur MVC, React adalah ‘V’ yang merupakan singkatan dari view, sedangkan arsitektur disediakan oleh Redux atau Flux.

    Aplikasi ReactJS terdiri dari beberapa komponen, masing-masing komponen bertanggung jawab untuk mengeluarkan sebagian kecil kode HTML yang dapat digunakan kembali. Komponen adalah jantung dari semua aplikasi React. Komponen ini dapat disarangkan dengan komponen lain untuk memungkinkan aplikasi kompleks dibangun dari blok penyusun sederhana. ReactJS menggunakan mekanisme berbasis DOM virtual untuk mengisi data di HTML DOM. DOM virtual bekerja cepat karena hanya mengubah elemen DOM individu alih-alih memuat ulang DOM lengkap setiap saat.

    Untuk membuat aplikasi React, kami menulis komponen React yang sesuai dengan berbagai elemen. Kami mengatur komponen ini di dalam komponen tingkat yang lebih tinggi yang menentukan struktur aplikasi. Misalnya, kami mengambil formulir yang terdiri dari banyak elemen seperti bidang input, label, atau tombol. Kita dapat menulis setiap elemen formulir sebagai komponen React, dan kemudian kita menggabungkannya menjadi komponen tingkat yang lebih tinggi, yaitu komponen formulir itu sendiri. Komponen formulir akan menentukan struktur formulir bersama dengan elemen di dalamnya.

    Mengapa mempelajari ReactJS?

    Saat ini, banyak kerangka kerja JavaScript tersedia di pasar (seperti sudut, node), tetapi tetap saja, React masuk ke pasar dan mendapatkan popularitas di antara mereka. Kerangka kerja sebelumnya mengikuti struktur aliran data tradisional, yang menggunakan DOM (Model Objek Dokumen). DOM adalah objek yang dibuat oleh browser setiap kali halaman web dimuat. Ini secara dinamis menambahkan atau menghapus data di bagian belakang dan ketika ada modifikasi yang dilakukan, maka setiap kali DOM baru dibuat untuk halaman yang sama. Pembuatan DOM yang berulang ini membuat pemborosan memori yang tidak perlu dan mengurangi kinerja aplikasi.

    Oleh karena itu, kerangka kerja ReactJS teknologi baru ditemukan yang menghilangkan kelemahan ini. ReactJS memungkinkan Anda membagi seluruh aplikasi Anda menjadi berbagai komponen. ReactJS masih menggunakan aliran data tradisional yang sama, tetapi tidak langsung beroperasi pada Document Object Model (DOM) browser dengan segera; sebaliknya, ini beroperasi pada DOM virtual. Ini berarti alih-alih memanipulasi dokumen di browser setelah perubahan pada data kita, itu menyelesaikan perubahan pada DOM yang dibangun dan dijalankan sepenuhnya di memori. Setelah DOM virtual diperbarui, React menentukan perubahan apa yang dilakukan pada DOM browser yang sebenarnya. DOM Virtual React ada seluruhnya dalam memori dan merupakan representasi dari DOM browser web.

Tagged: 

  • You must be logged in to reply to this topic.