Kyle Shevlin • 8/7/2021

Prefer Declarative State Updaters

The article critiques the common React pattern of using inline state setters (e.g., onClick={() => setCount(s => s + 1)}), calling them 'naked state setters.' It advocates for extracting these into named, declarative functions (e.g., incrementCount) using useCallback. This improves readability, makes the component's intent clearer, and enhances maintainability, especially as components grow in complexity.

0 comments

#TypeScript #React #react hooks