Lesson 22 — Reducer + context (expert)

Reducer + context = app state

Put the [state, dispatch] from useReducer into a context, and any component can read the state or dispatch actions without props. Actions are usually objects with a type field, like { type: "reset" }, so they can carry extra data later.

const { dispatch } = useContext(CartContext);
dispatch({ type: "add", item: "tea" });

Why it matters: this is the same idea Redux and many state libraries are built on.