React 상태 관리 라이브러리 Zustand의 코드를 파헤쳐보자

TOAST UI Calendar는 새로운 메이저 버전 개발에서 Preact와 Hooks API를 도입하며 상태 관리 방식 개선의 필요성을 느꼈습니다. 기존 통합 스토어 방식은 컴포넌트의 부분적 상태 접근 및 리렌더링 이슈, TypeScript 타입 보장 문제, Flux 아키텍쳐 적용의 어려움이 있었습니다.

이에 따라 외부 라이브러리 의존 없이 가볍고 확장 가능한 상태 관리 도구를 자체 구현하기로 결정했습니다. Zustand와 같은 오픈 소스 라이브러리를 참고하여, 동작 원리가 쉽고, 작은 규모부터 큰 규모까지 확장 가능하며, 파생 상태 관리가 용이하고, Preact 및 다른 뷰 레이어에도 적용 가능한 솔루션을 목표로 합니다.

이 글은 Zustand의 코드 분석을 통해 이러한 목표 달성을 위한 인사이트를 얻고자 합니다.