🤲 Recoil 사용법 (index 작업에 적용해보면서 느낀점 등등..)

[leemember]

Recoil

참고 : https://recoiljs.org/ko/

특징

• 리코일은 페이스북에서 직접 만든 상태관리이다.
• 오직 리액트를 위한 상태관리이다
• 인터페이스 문법은 hook 함수처럼 사용된다.
• atom과 selector만을 사용해서 상태관리를 이룰 수 있다.

😶‍🌫️ Atoms는 컴포넌트가 구독할 수 있는 상태의 단위다.

😶‍🌫️ Selectors는 atoms 상태값을 동기 또는 비동기 방식을 통해 변환한다.

atoms

const fontSizeState = atom({
  key: 'fontSizeState',
  default: 14,
});

• key : 고유한 키가 필요

• default : React 컴포넌트의 상태처럼 기본값도 가진다.

• 컴포넌트에서 atom을 읽고 쓰려면 useRecoilState라는 훅을 사용한다. React의 useState와 비슷하지만 상태가 컴포넌트 간에 공유될 수 있다는 차이가 있다.