일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- type assertion
- 암묵적 타입 변환
- useLayoutEffect
- Redux Toolkit
- 클라이언트 상태 관리 라이브러리
- Sparkplug
- linux 배포판
- CS
- task queue
- 좋은 PR
- AJIT
- Recoil
- helm-chart
- 타입 단언
- zustand
- 프로세스
- docker
- Headless 컴포넌트
- 주니어개발자
- Microtask Queue
- Custom Hook
- Compound Component
- JavaScript
- useCallback
- 명시적 타입 변환
- Render Queue
- TypeScript
- react
- prettier-plugin-tailwindcss
- jotai
Archives
- Today
- Total
목록useMemo (1)
구리
[React] React Hook 파헤쳐보기 - useCallback, useMemo (React.memo를 곁들인)
React Hook에 대해 공부하며 정리한 글입니다. 피드백은 언제나 환영입니다.useMemo과 useCallbackuseMemo는 리렌더링 사이에 계산 결과를 캐싱(메모이제이션)할 수 있게 해주는 React Hook으로 React는 초기 렌더링 중에 calculateValue 함수를 호출한다. 그리고 마지막 렌더링 이후 deps가 변경되지 않았을 경우 저장된 값을 반환하거나 변경되었다면 calculateValue를 다시 호출해서 반환된 값을 저장하고 반환한다. 참고로 React는 캐싱된 값을 특별한 이유가 없는 한 버리지 않는다.const cachedValue = useMemo(calculateValue, dependencies)// examplefunction TodoList({ todos, tab ..
카테고리 없음
2024. 11. 16. 14:34