프론트엔드
상태 관리 라이브러리 vanilla-store
두줄요약
vanilla-store를 만든 배경과 내부 구조를 소개한 글입니다. React 외부 상태 동기화, 선택적 구독, 불필요한 리렌더링 완화가 핵심입니다.
핵심 내용
- React 외부 상태 변경이 렌더링에 반영되지 않는 문제와 useSyncExternalStore의 역할 정리
- mobx 제거와 React API 활용 과정에서 드러난 보일러플레이트, Provider 제약, 불필요한 리렌더링 문제
- 이를 보완하기 위해 필요한 기능만 담은 경량 상태 관리 라이브러리 vanilla-store 소개
- createVanillaStore, useStore, useStoreSelector 기반의 외부 스토어 동기화와 선택적 구독 구조 설명