Agik Setiawan - October 14, 2022

Berkanalan dengan state management

Postingan kali ini kita akan membahas dan berkenalan dengan state management yang sekarang ini banyak dipakai oleh banyak Framework berbasis komponent seperti React, Vue, Angular.

 

Apa itu state management?

State management adalah konsep dimana state(data/informasi) yang di simpan dan diolah secara terpusat sehingga setiap komponen yang memiliki hubungan dengan komponen lain bisa saling berinteraksi melalui State mamagemen atau state yang terpusat.

 

Contoh skema tanpa menggunakan State Management

Pada gambar di atas adalah contoh komunikasi antar komponen secara langsung, yang akan sulit di handle dan memerlukan banyak Code program jika sudah banyak Component yang saling berhubungan.

 

Contoh skema menggunakan State Management

Pada gambar di atas adalah contoh komunikasi menggunakan State management yang lebih terkontrol komunikasi statenya.

 

Kapan menggunakan State Management?

State Management sangat diperlukan untuk aplikasi berbasis Component yang besar maupun kecil karena sangat mempermudah dalam mengontrol komunikasi antar komponen.

 

Contoh State Management yang banyak digunakan

• Redux
• Vuex
• Pinia
• MobX
• NGRX