⚛️Jotai 기술 문서

atom의 철학, Redux/Context/Zustand 비교, WeakMap 기반 store 원리를 통해 Jotai가 왜 탄생했는지 이해합니다.

atom() 생성부터 useAtom, useAtomValue, useSetAtom의 차이와 선택 기준, debugLabel, onMount까지 atom의 모든 것을 파헤칩니다.

read-only, write-only, read-write 파생 atom 세 가지 패턴을 완전히 익히고, 의존성 추적 원리와 셀렉터 패턴을 배웁니다.

async read atom, AbortController(signal), Suspense+ErrorBoundary 연동, loadable() 유틸을 통해 비동기 상태를 선언적으로 처리하는 법을 배웁니다.

PrimitiveAtom<T>, Atom<T>, WritableAtom<V,A,R> 타입 시그니처와 atom factory 패턴, discriminated union atom 설계를 배웁니다.

atomFamily의 개념, jotai-family로의 마이그레이션, 메모리 누수 방지, 리스트 아이템별 독립 상태 관리를 배웁니다.

도메인별 atom 파일 분리, 네이밍 컨벤션, 순환 의존성 방지, atoms/hooks 레이어 설계 전략을 배웁니다.

Provider-less 모드의 위험성, Provider 스코프 제어, createStore로 store를 직접 만드는 고급 패턴을 배웁니다.

useAtomValue 분리, selectAtom vs focusAtom vs splitAtom 비교, 컴포넌트 분리 전략으로 불필요한 리렌더링을 제거합니다.

atomWithStorage 기본 사용법, getOnInit 옵션, RESET 심볼, Zod validation, SSR hydration mismatch 해결책을 배웁니다.

SSR에서 Provider 필수 이유, useHydrateAtoms로 서버 데이터 주입, Server→Client Component 데이터 전달, SWC 플러그인을 배웁니다.

서버 상태는 TanStack Query, 클라이언트 상태는 Jotai로 역할 분리하는 실전 아키텍처를 배웁니다.

createStore로 isolated store 만들기, atom 초기값 override, React Testing Library 통합, DevTools 설정을 배웁니다.

Feature 단위 atom 슬라이싱, cross-feature 의존성 관리, atom effect, write-only action atom 패턴, Jotai vs Zustand 선택 기준을 배웁니다.