Zustand 상태 접근 방식 비교
예시 코드리렌더링 발생사용 시점특징1. 전체 접근 (useStore())const { count, text } = useStore();✅ 상태 변화가 하나라도 있으면 전체 리렌더컴포넌트 내부간편하지만 성능에 불리함 (❌ 안티패턴)2. Selector 사용 (useStore(selector))const count = useStore((s) => s.count);const { count, inc } = useStore((s) => ({ count: s.count, inc: s.inc }));✅ 선택한 상태만 변경될 때 리렌더컴포넌트 내부✅ 성능 최적화에 가장 좋고, 공식 권장 방식3. getState() 접근const count = store.getState().count;❌ 리렌더 발생 안 함컴포넌트 외부..
개발../React
2025. 4. 15. 18:22
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- dockerfile
- 타입스크립트
- 티스토리챌린지
- 네이버 서치 어드바이저
- 스벨트
- 서버 to 서버
- svelte
- Zustand
- vue composition api
- Vite
- openAI
- nuxt2
- Git
- nodejs
- ChatGPT
- React
- nextjs14
- 오블완
- nextjs13
- nextjs15
- vue router
- AWS
- seo
- cors
- Github Actions
- NUXT
- 깃허브
- NextJS
- webpack
- vscode
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함