useState basic state

tsx

const [count, setCount] = useState(0);

Explanation

Use `useState` when state updates are straightforward and local to a component.

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

Update based on previous state safely.

Open In sheettsxsame section

Compute expensive initial state once.

Open In sheettsxsame section

Manage more structured state transitions.

Open In sheettsxsame section

Reset state back to initial values.

Open In sheettsxsame section

Lazily derive reducer state.

Open In sheettsxsame section

Run side effects after React commits updates.

Open In sheettsx2 tag match