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.

useState 関数形式で遅延状態初期化を使用します。検索インデックスの構築、JSON の解析、複雑な計算など、高価な初期値を計算するときに適用します。 ソース: theorcdev/8bitcn-ui。

原文を見る