Recoil

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