[Nomad] React 챌린지(24d): Pomodoro (framer-motion)

[DaehunGwak]

• demo: https://codesandbox.io/p/sandbox/challenge-pomodoro-yvt4c9?
• useState 에 setState function 을 통해 rerender 신호를 보내려면 새로운 객체를 보내야 함
  • 처음엔 class 상태만 변경하도록 했으나, 그렇게 하니 새로운 객체인식하지 못해 rerender가 발생안함
  • 매번 새로운 객체가 생성되도록 수정
• 주로 library 들이 type, interface 만 쓰는 이유가 있음
  • recoilPersist 는 수행 시 any 타입을 사용하기 때문에 Class 정보가 유실됨.
  • 따라서, type, interface 로 변경하고 카운트 동작이 담긴 기능은 새로운 Function 만들어 대체
• PomodoroTimer 클래스를 > PomodoroPlayStatus, PomodoroTimer 로 분리해서 드릴링 없애기 가능할 듯 (재현님 리뷰)
• useCallback 으로 함수 재생성 안할 수 있도록 가능 (아이스님 리뷰)
  • https://react-ko.dev/reference/react/useCallback