Pasti ada yang masih asing sekali dengan istilah Redux. Iya, kan? Apalagi jika kalian bukan anak IT. Baiklah, tanpa mengulur waktu agar menjadi tak asing, langsung simak sampai kelar yuk Apa Itu Redux, Kelebihan, dan Cara Install Redux

Apa Itu Redux?

Redux pertama kali diperkenalkan oleh Dan Abramov dan Andrew Clark pada tahun 2015. Redux adalah sebuah aplikasi state management. Jadi, Redux itu bekerja dengan cara membuat sebuah store yang berisi seluruh state pada aplikasi web.

Ketika terjadi perubahan pada state, Redux akan membuat sebuah action yang akan diolah oleh reducers sehingga store akan berubah sesuai dengan perubahan state. Maka dari itu, seluruh komponen pada aplikasi web akan menggunakan state yang sama dan dapat dengan mudah diakses.

FYI, Redux sering digunakan bersamaan dengan library reactjs yang saat ini sangat populer digunakan sebagai library javascript. Tenang, Redux bisa digunakan untuk framework JavaScript yang lain.

Apa Itu State?

State adalah data private sebuah component. Data ini hanya tersedia untuk component tersebut ya dan tak bisa diakses dari component lain. Kalian dapat menggunakan state jika ingin mengolah data yang bersifat internal di dalam component itu sendiri.

Kalian akan menyimpan state di setiap komponen tanpa state management library. Namun hal ini akan menghadirkan tantangan jika aplikasi yang dibangun semakin kompleks.

Kalian akan kesulitan untuk mengatur state di komponennya, belum lagi jika ada komunikasi data antarkomponen.

Kelebihan Redux

Redux memiliki banyak kelebihan selain state management yang lebih baik, yakni: 

Redux membuat state dapat diprediksi

Sebuah state umumnya dapat diprediksi di library Redux karena reducer selalu mengembalikan output yang sama ketika state atau action yang sama diteruskan ke reducer.

Pada Redux, setiap status tidak dapat diubah, ya. Hal tersebut menguntungkan developers karena dapat melakukan aktivitas yang cepat dengan memanfaatkan infinite redo and undo.

Oia, memungkinkan juga untuk mengimplementasikan time travel yang mana kemampuan ini digunakan untuk bergerak back and forth antara previous state dan melihat hasilnya secara real time.

Redux bersifat maintainable atau dapat dipelihara

Kalian tahu kah bahwa Redux tergolong sebagai platform yang ketat dalam mengatur kode? Namun, aturan kode yang ketat ini justru memudahkan developer yang sudah memiliki pengetahuan mendalam untuk memahami struktur aplikasi Redux. Akibatnya, Redux sangat bermanfaat untuk aplikasi besar yang sering membutuhkan pembaruan. 

Debugging yang mudah menggunakan Redux

Redux juga memudahkan untuk debug aplikasi, loh. Redux yang selalu mencatat action dan state akan memudahkan developer memahami kesalahan coding, jaringan, dan bentuk bug lain yang mungkin muncul selama proses produksi.

Selain pencatatan action dan state, Redux juga memiliki DevTools yang memungkinkan melakukan time travel action, mempertahankan tindakan saat memuat ulang halaman, dan sebagainya. 

Performa yang baik

Redux tepat digunakan untuk melakukan pelacakan component’s state. Redux berisi beberapa peningkatan kinerja yang diimplementasikan di dalamnya, termasuk pembuatan ulang komponen.

Kemudahan saat melakukan pengujian

Sebagai reducer functions yang digunakan untuk mengubah fungsi murni, redux menghasilkan output yang sama untuk input yang sama. Oleh karena itu, menguji fungsi murni menjadi tugas yang mudah dan sederhana.

State yang persistent

Redux memungkinkan untuk mempertahankan beberapa state aplikasi ke penyimpanan lokal dan memulihkannya setelah melakukan refresh. Tentunya ini bagus sebab memudahkan serta membuat pekerjaan lebih efisien.

Memungkinkan untuk Rendering Sisi Server

Saat sebuah state berubah di Redux maka akan dihasilkan state baru yang seringkali termasuk shallow copy. Akibatnya, re-rendering lebih kecil kemungkinannya.

Tak usah khawatir sebab dengan Redux, bisa menangani re-rendering aplikasi dengan mengirimkan application state ke server bersama dengan responsnya terhadap server requests. Komponen yang dibutuhkan lalu di render dalam HTML dan dikirim ke klien.

Kekurangan Redux

Selanjutnya terkait kekurangan dari redux adalah:

Tanpa Enkapsulasi

Library Redux tidak mengizinkan enkapsulasi data ya sehingga tidak ada cara untuk mencegah terjadinya masalah keamanan saat aplikasi berkembang dengan pesat.

Jika aplikasi menjadi lebih kompleks maka risiko kelemahan keamanan juga meningkat, loh. Sebab dengan tidak adanya enkapsulasi data, komponen manapun dapat membacanya.

Batasan Desain

Redux sering dikritik karena tidak fleksibel dan relatif kaku. Makanya Redux hanya digunakan untuk mengelola aplikasi sederhana.

Penggunaan Memori yang Berlebihan

Setiap state di Redux tidak dapat diubah. Oleh karena itu, reducer harus melakukan return new form setiap kali dipanggil untuk mengubah existing condition. Pada jangka panjang, metode ini dapat meningkatkan penggunaan memori yang dihasilkan dari kompilasi. 

Peningkatan Kompleksitas

Redux memiliki learning curve yang lebih tinggi dalam hal layering karena manipulation logic actions atau reducers. 

Memakan Waktu

Redux dapat memakan waktu implementasi untuk local state management, baik minor maupun medium-level karena butuh lebih banyak input kode boilerplate untuk memulainya.

Cara Install Redux 

Nah, sebelum melakukan instalasi Redux, harus menginstall Nodejs dan NPM dulu, ya. Jika sudah memilikinya, silakan ikuti langkah-langkah menginstall Nodejs dan NPM berikut ini: 

Mengakses Web Node.js

Buka URL https://nodejs.org/ dan install package filenya.

Melakukan Instalasi Node.js

Setelah selesai mengakses web Node.js, silakan download installer Node.js. Tunggu proses pengunduhan lalu run installer dan ikuti instruksi instalasi serta setujui perjanjian lisensinya. Selanjutnya, silakan buka hasil unduhan installer Node.js dan lakukan instalasi Node.js

Melakukan Instalasi Redux

Sebelum melakukan instalasi redux, restart dulu ya perangkat kalian untuk menjalankannya. Setelah itu, kalian dapat memeriksa instalasi yang berhasil dengan membuka command prompt dan ketik node -v.

Perintah ini akan menunjukkan versi Node terbaru di sistem kalian. Sedangkan untuk memeriksa apakah npm berhasil diinstal, silakan ketik npm –v yang memunculkan versi npm terbaru di perangkat kalian.

Sudah selesai mengunduh dan menginstall Nodejs dan NPM? Untuk melakukan instalasi Redux, cukup jalankan perintah berikut ini di dalam command prompt atau terminal.

npm install –save redux

Lalu untuk menggunakan Redux dengan aplikasi React, perlu menginstall dependensi tambahan dengan menuliskan perintah berikut pada command prompt: 

npm install –save react-redux

Cek pada direktori C: atau tempat pilihan yang digunakan untuk menyimpan instalasi nodejs dan npm kalian. Jika muncul folder node_modules maka tandanya sudah berhasil menginstall Redux, ya.

Silakan buka folder tersebut untuk melihat apakah dependensi react-redux juga sudah berhasil kalian install.

Simpulan 

Sudah kalian pahami ya bahwa Redux adalah salah satu library yang berfungsi untuk melakukan perubahan state yang dibutuhkan pada fungsional aplikasi.

Jadi bagaimana? Kalian sudah paham kan apa itu Redux dan cara menginstallnya? 

Selamat mencoba dan tunggu info-info menarik lainnya dari kami, ya 🙂