useReducer nedir, useState yerine ne zaman tercih edilir?

useReducer, state'i (state, action) => yeniState biçiminde saf bir fonksiyonla yönetir. Redux'taki desenin bileşen içi hâlidir.

Tercih edilen durumlar:

• Birbirine bağlı birden çok state alanı (form, sihirbaz adımları)
• Bir sonraki state'in karmaşık kurallarla hesaplanması
• State geçişlerini tek yerde toplayıp test etmek

function sepetReducer(state, action) {
  switch (action.type) {
    case "ekle":
      return { ...state, urunler: [...state.urunler, action.urun] };
    case "sil":
      return { ...state, urunler: state.urunler.filter(u => u.id !== action.id) };
    case "temizle":
      return { urunler: [] };
    default:
      throw new Error("Bilinmeyen işlem: " + action.type);
  }
}

const [sepet, dispatch] = useReducer(sepetReducer, { urunler: [] });
dispatch({ type: "ekle", urun });