How deeply does React Hooks in Action: With Suspense and Concurrent Mode cover useReducer initialization function?

Explains the three-argument call, argument flow, initial return value, and one-time expensive generation without covering implementation internals.

useReducer initialization function

As explained in React Hooks in Action: With Suspense and Concurrent Mode

A useReducer initialization function is an optional function that computes the initial reducer state from an initialization argument.

A useReducer initialization function computes a reducer’s initial state from an initialization argument. Pass the reducer, argument, and function as the three useReducer arguments; React calls the function on the hook’s first call. section 3.3 section 3.5

Use the pattern when initial-state creation needs an input or reusable computation:

const [state, dispatch] = useReducer(reducer, initArgument, initFunction); section 3.3
React passes initArgument to initFunction, uses its return value as the initial state, and returns state with a dispatch function. section 3.3
Prefer the function when state generation is expensive or when an existing utility can generate the state. section 3.3.4 section 3.5

Initialize a week picker from a date

A WeekPicker receives a date prop and derives its initial week with a reusable date utility: const [week, dispatch] = useReducer(reducer, date, getWeek); The returned week becomes reducer state, while dispatch handles actions such as PREV_WEEK and TODAY. section 3.3.4 section 3.3.5

const [state, dispatch] = useReducer(reducer, initArgument, initFunction);

Shows the three-argument useReducer form that connects the initialization argument to the initialization function. section 3.3

How React Hooks in Action: With Suspense and Concurrent Mode covers it

Cover of React Hooks in Action: With Suspense and Concurrent Mode

liveBook manning.com

Read React Hooks in Action: With Suspense and Concurrent Mode on liveBook Get the book at manning.com

Related concepts

useReducerused by · useReducer is a React Hook that manages component state by applying a reducer function to the current state and dispatched actions.
initialization argumentuses · An initialization argument is the value passed to useReducer for an initialization function to use when computing initial state.
stateproduces · State is information or a configuration describing the condition of a system, entity, or computation at a particular time and potentially influencing subsequent behavior or decisions.
reduction operationconfigures · A reduction operation combines multiple input values or partial results according to a combining rule to produce fewer results, often a single aggregate.
initial stateproduces · An initial state is the starting value or condition from which a process, computation, component, or state machine begins operation.
initializerkind of · An initializer is a function, declaration, or language construct that establishes the initial value or state of an object, value, computation, or process.

This explainer was generated by Manning's knowledge graph from the text of React Hooks in Action: With Suspense and Concurrent Mode. The section links point to the parts of the book it draws on.