⚡ useReducer Nedir?
- React hook’udur, karmaşık state yönetimi için kullanılır.
useState
yerine, birden fazla state’i ve birbirine bağlı güncellemeleri yönetmek için idealdir.
⚡ Temel Kullanım
const [state, dispatch] = useReducer(reducer, initialState);
state
→ Mevcut state’i tutar
dispatch
→ Reducer fonksiyonuna action gönderir
initialState
→ State’in başlangıç değeri
⚡ Reducer Fonksiyonu
function reducer(state, action) {
switch(action.type) {
case "increment":
return { count: state.count + 1 };
case "decrement":
return { count: state.count - 1 };
default:
return state;
}
}
state
→ Mevcut state
action
→ Yeni veri veya yapılacak işlemi belirten obje
⚡ Notlar
- useReducer, birden fazla state değişkeni birbirine bağımlıysa tercih edilir.
dispatch
ile state güncellemeleri daha kontrollü ve öngörülebilir hale gelir.