상태 관리 라이브러리 vanilla-store
vanilla-store를 만든 배경과 내부 구조를 소개한 글입니다. React 외부 상태 동기화, 선택적 구독, 불필요한 리렌더링 완화가 핵심입니다.
#React#state management#useSyncExternalStore
4500

useSyncExternalStore 태그가 달린 국내 IT 기업 기술 블로그 글을 최신순으로 모았습니다.
3개 표시
vanilla-store를 만든 배경과 내부 구조를 소개한 글입니다. React 외부 상태 동기화, 선택적 구독, 불필요한 리렌더링 완화가 핵심입니다.

React Query의 QueryClient·QueryCache·Query·QueryObserver 내부 역할을 살펴봤습니다. useQuery가 useSyncExternalStore로 상태 변경을 구독하고 뷰를 갱신하는 흐름을 설명합니다.
Zustand의 상태 관리가 클로저와 React의 external store 구독으로 동작하는 방식을 설명했습니다. 또한 tearing 문제와 useSyncExternalStore의 역할을 통해 내부 원리를 따라 만들어 보았습니다.
