목록 보기
상태 관리 라이브러리 vanilla-store
프론트엔드

상태 관리 라이브러리 vanilla-store

네이버 페이
네이버 페이
2024년 9월 30일

두줄요약

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

핵심 내용

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

다음 읽기

#React 주제를 다룬 다른 회사 글

상태 관리 라이브러리 Zustand

Zustand의 상태 관리가 클로저와 React의 external store 구독으로 동작하는 방식을 설명했습니다. 또한 tearing 문제와 useSyncExternalStore의 역할을 통해 내부 원리를 따라 만들어 보았습니다.

넥스트리
넥스트리
프론트엔드

댓글 0개

댓글을 작성하려면 로그인이 필요합니다.

댓글을 불러오는 중...