2024-04-08 (81일차) - lastTodoIdAtom, Recoil Persist

📅 2024-04-08, 81일차

---

lastTodoIdAtom 적용

function useTodosStatus() {
  const [todos, setTodos] = useRecoilState(todosAtom);
  // const [todos, setTodos] = React.useState([]);
  const [lastTodoId, setLastTodoId] = useRecoilState(lastTodoIdAtom);
  const lastTodoIdRef = React.useRef(lastTodoId);

적용하고 새 TODO를 작성하면 다시 번호 1로 시작한다..!?

lastTodoIdRef.current = lastTodoId;
이거 한줄 추가해주면 새 TODO가 번호순서대로 잘 추가된다.

function useTodosStatus() {
  const [todos, setTodos] = useRecoilState(todosAtom);
  // const [todos, setTodos] = React.useState([]);
  const [lastTodoId, setLastTodoId] = useRecoilState(lastTodoIdAtom);
  const lastTodoIdRef = React.useRef(lastTodoId);

  // 이걸 추가해주자
  lastTodoIdRef.current = lastTodoId;

---

Recoil Persist

Tiny module for recoil to store and sync state to Storage. It is only 354 bytes (minified and gzipped). No dependencies. Size Limit controls the size.

Page Speed Insights