Tag: React

Read context values without prop drilling.

Extract reusable stateful logic into use* functions.

Only call hooks at the top level of React functions; only call from React functions/custom hooks.

Map class lifecycle ideas to hooks (mount/update/unmount).

Map arrays to element lists in JSX.

Give list children stable unique keys for correct reconciliation.

Build forms with controlled inputs and submit handlers.

Drive input values from React state for full control.

Read input values via refs when you don’t need per-keystroke state.

Validate fields on change/blur/submit and show accessible errors.