useReducer with init function

tsx

const [state, dispatch] = useReducer(reducer, initialArg, init);

Explanation

The third `init` argument lazily computes the initial reducer state.

Learn the surrounding workflow

Compare similar commands or jump into common fixes when this command is part of a bigger troubleshooting path.

Same sheet · prioritizing State Hooks

Manage more structured state transitions.

Open In sheettsxsame section

Create local component state.

Open In sheettsxsame section

Update based on previous state safely.

Open In sheettsxsame section

Compute expensive initial state once.

Open In sheettsxsame section

Reset state back to initial values.

Open In sheettsxsame section

Run side effects after React commits updates.

Open In sheettsx2 tag match