태그: State Management
5편
-
Preact Signals의 반응성 모델: signal·computed·effect, batch와 untracked, React 통합
Preact Signals의 signal·computed·effect가 읽기 시점에 의존성을 추적하는 원리, batch와 untracked로 갱신을 제어하는 방법, @preact/signals-react로 React와 통합할 때 주의점, 모듈 수준 상태 패턴을 설명합니다.
-
Svelte 5 Runes로 상태 관리 패턴 짜기: 파생 상태, 부수 효과 동기화, 컴포넌트 계약
$state의 깊은 반응성과 $state.raw·snapshot, $derived와 $derived.by, cleanup이 있는 $effect, $props·$bindable로 정하는 컴포넌트 계약을 설명합니다. Svelte 4에서 옮겨 오는 마이그레이션 전략과 성능 패턴도 다룹니다.
-
Zustand 상태 관리: 셀렉터로 리렌더 줄이기, 미들웨어, Slice 패턴, vanilla 스토어, Next.js SSR
셀렉터와 shallow 비교로 필요한 컴포넌트만 리렌더되게 Zustand 스토어를 구성하는 법을 다룹니다. persist·devtools·immer 미들웨어, Slice 패턴 타입, vanilla 스토어, Next.js App Router에서의 스토어 공유도 설명합니다.
-
TanStack Query 캐싱이 실제로 동작하는 방식: staleTime·gcTime, select로 리렌더 줄이기, 커스텀 훅
TanStack Query(React Query)로 서버 상태를 관리하는 방법. 캐싱 동작 원리, useQuery와 useMutation, Optimistic Update, 무한 스크롤과 Prefetch, 커스텀 훅 캡슐화, select와 staleTime으로 리렌더 줄이기를 다룹니다.
-
Pinia로 Vue 3 상태 관리하기: Store 정의, storeToRefs 반응성 함정, 플러그인, 내부 모델
Pinia 스토어를 Options·Setup 스타일로 정의하고 컴포넌트에서 쓰는 방법, 구조 분해 시 반응성을 잃는 storeToRefs 함정, $patch·$reset, 플러그인과 영속화, SSR·Nuxt 환경과 스토어 간 순환 참조 문제를 다룹니다.