2. Atom

Recoil 의 상태 단위입니다.

스토어에 저장되고 갱신되는 데이터는 모두 Atom을 기반으로 합니다.

아톰이 갱신될 때 그 상태를 구독(subscribe) 하고 있는 컴포넌트는 새로운 값으로 리렌더 됩니다.

아톰은 atom() 함수에 key 와 default 을 전달해서 작성합니다.

import { atom } from 'recoil';

const counterState = atom({
  key: 'counterState',
  default: 0
});