Recoil 기초

1. 설치

npm install recoil

2. Atom

const toDoState = atom({
  key: "toDo",
  default: [],
});

3. useRecoilValue()

Recoil 상태

const value = useRecoilValue(toDoState)

4. useSetRecoilState()

Recoil 상태 변화

const State = useSetRecoilState(toDoState)

5. useRecoilState()

Recoil 상태 및 상태 변화

const [toDo, setToDo] = useRecoilState(toDoState)

6. selector

output -> get()

export const minuteState = atom<IToDo[]>({
  key: "minutes",
  default: 0,
});

export const hourSelector = selector<number>({
  key: "hour",
  get: ({ get }) => {
    const min = get(minuteState);
    return min / 60;
  },
  set: ({ set }, newValue) => {
    const hour = Number(newValue) * 60;
    set(minuteState, hour);
  },
});

const [get, set] = useRecoilState(hourSelector)