태그: State Management
6편
-
Preact Signals 완벽 가이드 — 간단한 반응성
Preact Signals 완벽 가이드 — 간단한 반응성에 대해 정리한 개발 블로그 글입니다. Preact Signals는 “상태가 바뀌면 컴포넌트 전체를 다시 실행한다”는 그림만으로는 설명되지 않는, 값 단위로 의존성을 추적하는 반응성 모델입니다. signal로 원천 상태를 두고, computed로 파생 값을… 개념과 예제 코드를 단계적으로 다루며, 실무·학습에 참고할 수 있도록 구성했습니다. 관련 키워드: Preact, Signals,…
-
TanStack Query 완벽 가이드 | React Query·캐싱
TanStack Query(React Query)로 서버 상태를 관리하는 완벽 가이드. 캐싱, Mutation, Optimistic Updates, Infinite Scroll, Prefetch까지 실전 예제로 정리.
-
Zustand 심화 가이드 — 고급 상태 관리 패턴·Slice·미들웨어·성능·TypeScript
Zustand로 대규모 React 앱을 다루는 고급 패턴입니다. Slice·모듈화, persist·devtools·immer, 셀렉터 최적화, Store 타입, Jotai·Recoil 비교까지 실무 중심으로 정리했습니다.
-
Svelte 5 Runes 완벽 가이드 — 새로운 반응성 시스템
Svelte 5 Runes 완벽 가이드 — 새로운 반응성 시스템에 대해 정리한 개발 블로그 글입니다. Svelte 5의 Runes(룬)는 반응형 상태·파생 값·부수 효과·컴포넌트 계약을 특별한 식별자가 붙은 호출 형태로 표현하는 새로운 반응성 모델입니다. 이전 세대에서 컴포넌트 최상위 let과 할당이 암묵적으로 반응성에… 개념과 예제 코드를 단계적으로 다루며, 실무·학습에 참고할 수 있도록 구성했습니다. 관련 키워드: Svelte, Svelte 5,…
-
Zustand 완벽 가이드 | 간단한 상태 관리·React·TypeScript·Middleware·실전 활용
Zustand 구독·셀렉터·vanilla 스토어·미들웨어·Next.js SSR. 내부 모델과 프로덕션 트러블슈팅까지 한글로 정리합니다. Zustand로 간단한 상태 관리를 구현하는 완벽 가이드입니다. Redux 없이 가볍게, TypeScript 지원, Middleware, Persist까지 실전 예제로 정리했습니다. > 실무 경험 공유: Redux에서 Zustand로 전환하면서,
-
Pinia 완벽 가이드 | Vue 3 상태 관리·Composition API·TypeScript·실전 활용
Pinia로 Vue 3 상태 관리하는 완벽 가이드. Composition API·TypeScript·SSR·플러그인·영속화까지 실전 패턴 정리. Vuex 대비 장점과 storeToRefs 반응성 함정 회피 전략 포함.