Jotai 레시피

이 글은 카카오스타일에서 상태 관리 라이브러리 Jotai를 사용하는 다양한 패턴을 소개합니다. Jotai의 기본 사용법은 useState와 유사하게 atom으로 상태를 정의하고 useAtom으로 사용하는 것입니다.

특히, 하위 컴포넌트에서 상태에 접근해야 할 경우, useAtomValue와 useUpdateAtom 유틸리티 함수를 사용하여 읽기 또는 쓰기 전용으로 분리할 수 있습니다. 이를 통해 상태 접근을 명확히 하고 불필요한 리렌더링을 방지할 수 있습니다.

또한, 원시 atom의 값에서 파생된 atom을 정의하는 파생 atom 개념도 다루며, 이는 MobX나 Vue의 computed 속성과 유사한 기능을 제공합니다. 글은 Jotai의 다양한 활용 패턴을 통해 효율적인 상태 관리를 돕는 것을 목표로 합니다.