useReducer basic reducer

tsx

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

Explanation

`useReducer` is useful when state transitions are more complex or action-driven.

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

Create local component state.

Open In sheettsxsame section

Lazily derive reducer 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