[React] recoil을 이용한 전역 상태관리

- recoil : React 애플리케이션에서 전역 상태 관리를 쉽게 할 수 있도록 도와주는 라이브러리

- atoms : 기본 상태관리 대상(상태저장), 여러 컴포넌트에서 공유 가능

 

• useRecoilState(atom): atom의 값을 읽고 업데이트할 수 있도록 [value, setValue] 형태의 배열을 반환
• useRecoilValue(atom): 읽기 전용으로 atom의 값을 가져올 때 사용]
• useSetRecoilState(atom): setter 함수만 필요할 때 사용
• useResetRecoilState(atom): atom의 값을 초기값으로 리셋할 때 사용

 

- selectors : atom을 기반으로 중복되는 계산 로직을 관리해주는 "파생상태"

• useRecoilValue(selector): selector가 계산한 파생 상태의 값을 읽을 때 사용
• useRecoilValueLoadable(selector): 비동기 작업의 상태를 안전하게 받을 때 사용(위와 같은 역할)