← React45 / 78
Pola Context + useReducer
Untuk state global kompleks dengan banyak aksi mutasi, kombinasikan Context dengan useReducer(reducer, initialState).
👀 Contoh dulu
const [state, dispatch] = useReducer(todoReducer, []);
Hasilnya: dispatch({ type: 'ADD_TODO', payload: 'Belajar' }) memperbarui state global secara terprediksi.
💡 Pola ini menyerupai cara kerja Redux tanpa perlu memasang library luar.
📝 Sekarang giliranmu
Panggil hook useReducer dengan memberikan argumen reducer dan status awal initial. Lakukan destructuring untuk mengambil state dan fungsi dispatch.
Preview