React 상태 관리, Jotai로 갈아타다!
by DD
4년 전
조회수 10
React 상태 관리의 어려움을 겪으며 Mithril, MobX, Redux Toolkit 등 다양한 라이브러리를 사용함
Jotai를 도입하여 상태 관리의 단순성과 코드 크기 감소를 달성함
useReducer의 한계를 극복하고 atom 기반의 Jotai로 전환하여 개발 생산성 향상
상태 관리 라이브러리 선택의 역사
초기 Mithril을 사용했지만, React의 훅 도입 이후 변화가 멈췄다. MobX는 OOP 스타일로, Redux는 복잡한 개념으로 인해 어려움을 겪었다. 따라서, Jotai를 선택하여 상태 관리의 단순성을 추구했다.
Jotai의 핵심 개념: Atom
Jotai는 atom을 통해 개별 상태를 정의하고, useAtom 훅으로 상태를 관리한다. atom은 전역으로 공유되거나, Provider를 통해 독립된 공간을 가질 수 있다. 계산된 속성과 반응형 속성 관련 해결 과제가 남아있다.
useReducer에서 Jotai로의 전환
useReducer를 사용해 UI와 로직 분리를 시도했지만, 비동기 처리와 액션 정의의 차이로 불편함을 느꼈다. Jotai는 Prop Drilling 문제를 해결하고, Context의 성능 이슈를 피할 수 있다. 결과적으로 개발 생산성 향상을 기대한다.
