Apa sih Redux itu ?

Bee Wijaya
Aug 31, 2018 · 3 min read

Nah, kali ini saya akan menjelaskan tentang Apa itu Redux, Cara kerja Redux dan Apa gunanya Redux dalam pembuatan Aplikasi terutama Aplikasi yang dibuat dengan React.

Apa itu Redux ?

Dalam pembuatan Aplikasi dengan React yang mana adalah sebuah technology yang diciptakan oleh Facebook Corporation, kalian pasti sudah tidak asing dengan namanya “State” yaitu, sekumpulan data yang berada dalam local Component yang biasanya digunakan untuk dimanipulasi dan juga biasanya state ini berguna untuk berbagi data kepada Component child lainnya.

Misalnya, jika kita membuat data yang berisi array kosong di dalam state, kita bisa memanipulasi data yang berisi array kosong tadi dengan cara menambahkan data di dalam Component itu saja, dan kita tidak bisa menambahkan data pada state dari Component lain, kecuali jika kita mengirimkan sebuah function yang digunakan untuk memanipulasi data state tadi ke-dalam Component child maka kita bisa merubah data nya dari Component child tersebut.

Tetapi, bayangkan jika misalnya kita mempunyai Component A sebagai parent, Component B dan C sebagai child dari Component A dan kita ingin Component B bisa mengakses dan merubah state dari Component A, maka caranya pasti kita mengirim state dan function yang dibutuhkan untuk memanipulasi data state didalam Component A ke-dalam Component B benarkan ?

Nah, Sekarang coba kita buat Component baru sebagai child dari Component B, kita sebut Component D. Bagaimana cara kita memanipulasi state milik Component A dari Component D ?

Pastinya kita mengirim state dan function yang dibutuhkan untuk memanipulasi data state didalam Component A ke-dalam Component B terlebih dahulu barulah kita kirim ke Component D, karna kita tidak bisa langsung mengirim ke Component D dari Component A. Nah, terlihat kan sudah mulai ribet jika ingin berbagi state terhadap berbagai Component.

Bagaimana jika Component D memiliki child yang membutuhkan state tersebut dan ingin memanipulasinya, pastinya kita harus mengirim lagi kedalam Component yang diinginkan dan juga cara mengirimnya harus berurutan seperti yang sebelumnya kita lakukan. Nah, sudah merasa ribet ? disinilah gunanya Redux yaitu untuk mempermudah “State Management” yang berarti mengelola state.

Cara Kerja Redux

Redux membuat state yang ada menjadi global, tetapi tidak instant ketika kita install langsung jreng jreng~ dan langsung jadi, akan tetapi Redux juga membutuhkan sejumlah konfigurasi seperti Reducers, Action, Store.

Singkatnya Reducer berisi function untuk memanipulasi state, Action adalah event untuk men-trigger Reducer, Store adalah Global State kita.
Jadi, dengan Redux kita tidak terlalu membutuhkan local state kecuali jika ada logic khusus, Jika ingin memanipulasi State yang sudah di sharing ke berbagai Component benar-benar sangat mudah dan bersih karna kita tidak perlu lagi mengoper berbagai function sebagai props yang bisa dibilang nyampah karna tidak semua Component membutuhkan props itu.

Nah, cara kerja Redux adalah kita akan menjalankan Action terlebih dahulu, Action ini hanyalah sebuah fungsi atau biasanya disebut event untuk men-trigger Reducer, dan si Reducer akan memanipulasi state yang sudah di definisikan oleh Action dan kemudian Store akan terupdate sesuai dengan perubahan yang dilakukan.

Apa gunanya Redux dalam pembuatan Aplikasi ?

Redux sangat berguna, sesuai yang saya jelaskan diatas bahwa Redux mempermudah kita untuk memanipulasi state dan memindahkan state yang awalnya hanya “local” menjadi “global”.

Tentu saja, Redux juga membuat Kodingan kita menjadi lebih bersih kita tidak akan selalu mengirimkan “Props” ke tiap Component yang tidak membutuhkannya seperti Kasus diatas yang mana Component B tidak membutuhkan props yang dikirimkan oleh Component A.


Walaupun dalam memahami Redux agak sulit dan benar-benar membingungkan, Saya benar-benar merekomendasikan teman-teman mempelajari Technology yang satu ini karna sangat berguna untuk dipelajari dan digunakan dalam developing application.

Saya benar-benar sangat berharap teman-teman bisa memahami apa yang saya jelaskan, jika ada kesalahan kata saya mohon maaf dan saya ucapkan Terima kasih karna sudah membaca sampai akhir.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade