Recoil
1. Recoil
- Facebook에서 개발한 React 애플리케이션의 상태 관리 라이브러리
- React 애플리케이션에서 상태를 관리 및 공유하는 데 도움을 주는 도구
- 컴포넌트 간에 데이터를 전달하고 업데이트하기위한 간편한 방법을 제공
2. Recoil의 주요 특징 및 개념
- Atoms
- Recoil에서 가장 중요한 개념 중 하나
- 애플리케이션의 상태를 나타내는 단위로, 전역적으로 공유되어야 하는 데이터를 저장하는데 사용
- 각 atom은 고유한 키를 가지며, 초기 상태를 가질 수 있음
- Atom은 읽기 및 쓰기 작업을 할 수 있는 상태를 나타냄
- Selectors
- atom에서 파생된 값을 계산하고 반환하기 위한 함수
- 다른 atom or 다른 selector를 기반으로 값을 계산하고 이 값을 사용하여, 컴포넌트에서 상태를 가져올 수 있음
- 이를 통해, 계산된 상태를 캐싱하고 더 복잡한 데이터 변환 수행 가능
- RecoilRoot
- Recoil을 사용하려면 React 애플리케이션의 최상위 컴포넌트인 RecoilRoot를 제공해야 함
- 이 컴포넌트는 Recoil 상태를 초기화하고 컴포넌트 트리에서 Recoil 상태를 사용할 수 있도록 함
- useRecoilState, useRecoilValue
- useRecoilState 훅은 atom or selector의 상태 값을 읽고 업데이트하는 데 사용
- useRecoilValue 훅은 값을 읽기만 함
'Front-End Study > React' 카테고리의 다른 글
atomFamily (0) | 2023.09.04 |
---|---|
Atoms (0) | 2023.09.01 |
useCallback (0) | 2023.08.11 |
React.memo (0) | 2023.08.11 |
useMemo (0) | 2023.08.11 |