Documentation
Jotai v2 문서에 오신 것을 환영합니다! Jotai의 아토믹(atomic) 접근 방식은 간단한 useState
대체부터 복잡한 요구 사항을 가진 엔터프라이즈 애플리케이션까지 확장 가능한 전역 React 상태 관리를 제공합니다.
기능
- 최소한의 코어 API (2kb)
- 다양한 유틸리티와 확장 기능
- TypeScript 중심
- Next.js, Waku, Remix, React Native와 호환
핵심
Jotai는 매우 간결한 API를 제공하며, 주요 jotai
번들에서 몇 가지 기능만을 노출합니다. 이들은 아래 네 가지 범주로 나뉩니다.
atom
useAtom
Store
Provider
유틸리티
Jotai는 jotai/utils
번들에 다양한 추가 유틸리티 함수를 포함하고 있습니다. 예를 들어, atomWithStorage
는 localStorage 지속성과 브라우저 탭 간 동기화를 제공 합니다.
Storage
SSR
Async
Lazy
Resettable
Family
확장 기능
Jotai는 React Query를 위한 atomWithQuery
와 XState를 위한 atomWithMachine
을 포함하여 공식적으로 관리되는 다양한 확장 기능을 제공합니다.
tRPC
Query
Effect
URQL
Immer
XState
Location
Cache
Scope
Optics
서드파티
공식 확장 기능 외에도 다양한 커뮤니티 패키지가 존재합니다.
Derive
History
Bunja
도구
React Fast Refresh 지원과 디버깅 라벨을 위해 SWC와 Babel 컴파일러 플러그인을 사용하세요. 이는 Next.js나 Waku와 같은 React 프레임워크를 사용할 때 최고의 개발자 경험을 제공합니다.
SWC
Babel
Devtools
기본 개념
라이브러리의 기본 개념을 배우고, 다른 라이브러리와 비교하며 사용 예제를 확인해 보세요.
Concepts
Comparison
Showcase
함수형 프로그래밍과 Jotai
가이드
가이드는 TypeScript, React 프레임워크, 기본 패턴과 같은 일반적인 사용 사례를 다루는 데 도움을 줍니다.
v2 API migration
TypeScript
Next.js
Waku
Remix
React Native
Debugging
Performance
Testing
Core internals
Composing atoms
Atoms in atom
Initializing state on render
Persistence
레시피
레시피는 더 복잡한 패턴을 다루는 데 도움을 줄 수 있습니다.
Large objects
Custom useAtom hooks
useAtomEffect
atomWithToggle
atomWithCompare
atomWithToggleAndStorage
atomWithRefresh
atomWithRefreshAndDefault
atomWithListeners
atomWithBroadcast
atomWithDebounce
useReducerAtom