useReducer() ↔ Stateful Hook with logic to update new state from current state & payload via Redux Pattern

useReducer() for updating multiple pieces of related state values

useReducer() for managing state logic in a single location

Initialization Argument

arg pass to Init Fn

Initialization Function

function pass as Init Arg to useReducer() to generate Initial State for Reducer

useReducer() updates state & trigger re-render by dispatch action to Reducer

useReducer() can be used to update multiple state values in response to a single event

References

1. Initialization Function ↔ function pass as Init Arg to useReducer() to generate Initial State for Reducer