useState lazy initializer

tsx

const [items, setItems] = useState(() => loadInitialItems());

Explanation

Pass a function to avoid recalculating expensive initial state on every render.

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

Update based on previous state safely.

Open In sheettsxsame section

Reset state back to initial values.

Open In sheettsxsame section

Manage more structured state transitions.

Open In sheettsxsame section

Lazily derive reducer state.

Open In sheettsxsame section

Cache an expensive derived computation.

Open In sheettsx3 tag match