React 상태 관리, Jotai로 갈아타다!

by DD
4년 전
조회수 6

React 상태 관리의 어려움을 겪으며 Mithril, MobX, Redux Toolkit 등 다양한 라이브러리를 사용함

Jotai를 도입하여 상태 관리의 단순성과 코드 크기 감소를 달성함

useReducer의 한계를 극복하고 atom 기반의 Jotai로 전환하여 개발 생산성 향상

상태 관리 라이브러리 선택의 역사

초기 Mithril을 사용했지만, React의 훅 도입 이후 변화가 멈췄다. MobX는 OOP 스타일로, Redux는 복잡한 개념으로 인해 어려움을 겪었다. 따라서, Jotai를 선택하여 상태 관리의 단순성을 추구했다.

Jotai의 핵심 개념: Atom

Jotaiatom을 통해 개별 상태를 정의하고, useAtom 훅으로 상태를 관리한다. atom은 전역으로 공유되거나, Provider를 통해 독립된 공간을 가질 수 있다. 계산된 속성반응형 속성 관련 해결 과제가 남아있다.

useReducer에서 Jotai로의 전환

useReducer를 사용해 UI로직 분리를 시도했지만, 비동기 처리와 액션 정의의 차이로 불편함을 느꼈다. JotaiProp Drilling 문제를 해결하고, Context의 성능 이슈를 피할 수 있다. 결과적으로 개발 생산성 향상을 기대한다.

프론트엔드 상태 관리에 대한 여정

댓글 0

첫 번째 댓글을 남겨보세요!