useReducer κεντρικοποιεί τις μεταβάσεις κατάστασης σε μία μόνο pure reducer function, αντί να διασπείρετε πολλούς useState setters. Είναι η built-in έκδοση του Redux pattern της React.
() {
(action.) {
: { : state. + };
: { ...state, : action. };
: { : , : };
: state;
}
}
() {
[state, dispatch] = (reducer, { : , : });
;
}
Κάνετε dispatch ένα action (ένα απλό object που περιγράφει ένα γεγονός). Η React καλεί reducer(currentState, action) και χρησιμοποιεί το επιστρεφόμενο object ως τη νέα κατάσταση. Το reducer είναι pure (χωρίς side effects, χωρίς mutation), κάτι που κάνει τη λογική προβλέψιμη και unit-testable σε απομόνωση.
count + step + error).// instead of 4 separate useState + 6 setters, one reducer owns it all
Bonus: το dispatch έχει σταθερή ταυτότητα, επομένως η μετάδοσή του μέσω context ή σε memoized children δεν προκαλεί re-renders. Για απλές, ανεξάρτητες τιμές, το απλό useState είναι ακόμα πιο σαφές.