전역 상태 라이브러리가 필요한 이유

1. Props Drilling 방지

   React의 기본적인 상태 관리 방식은 부모 컴포넌트에서 자식 컴포넌트로 props를 전달하는 것. 하지만 복잡한 프로젝트에서는 중간 단계의 컴포넌트들이 실제로 사용하지 않는 props를 전달해야 하는 문제가 발생

2. 상태공유 및 동기화

   여러 컴포넌트에서 동일한 상태를 공유하고 동기화해야 할 경우 전역으로 상태를 관리하면 편리함

3. 기존 Context API의 단점 보완

   • Context API의 경우 Provider, Consumer등 많은 보일러플레이트 코드를 필요로 하지만 라이브러리를 사용하면 더 간결하게 구현할 수 있음.
   • Context API는 context가 변경될 때마다 해당 컨텍스트를 사용하는 모든 컴포넌트가 불필요하게 리렌더링되는 문제가 있음.
   • Context API는 기본적으로 props drilling을 해결하기 위한 목적으로 만들어졌기 때문에 상태를 관리하기 위해서는 추가적인 코드가 필요함.

Jotai

특징

• 리액트 Context의 re-rendering 문제를 해결하기 위해 만들어진 상태 관리 라이브러리
• 원자(atom) 단위로 상태를 관리 → bottom-up 방식
  • atom은 상태의 가장 작은 단위. 각 atom은 독립적인 상태 조각으로, 읽고 쓸 수 있는 값을 가짐
• atom들끼리 서로 결합 및 상태에 관여할 수 있고, 다른 라이브러리들과 원활한 결합 지원

장점

• 컴포넌트의 리렌더링을 최소화하여 성능 향상.
• 작은 번들 크기
• React 내의 state, useState 와 유사한 모양이기 때문에 사용하기 쉬움

단점

• atom 개념을 이해해야 하는 러닝 커브
• 한글화된 자료 부족

Jotai 간단 사용 설명서

Zustand

특징

• store 기반 상태 관리 라이브러리 → top-down 방식