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.

원본 보기