rerender-lazy-state

SKILL.md

Pass a function to useState for expensive initial values. Without the function form, the initializer runs on every render even though the value is only used once.

Use lazy initialization when computing initial values from localStorage/sessionStorage, building data structures (indexes, maps), reading from the DOM, or performing heavy transformations.

For simple primitives (useState(0)), direct references (useState(props.value)), or cheap literals (useState({})), the function form is unnecessary.

Verwenden Sie die Lazy-State-Initialisierung mit der UseState-Funktionsform. Wenden Sie es an, wenn Sie kostspielige Anfangswerte berechnen, z. B. Suchindizes erstellen, JSON analysieren oder komplexe Berechnungen durchführen. Quelle: theorcdev/8bitcn-ui.

Original anzeigen