- react-hook-form에서 bfcache같은 경우가 있어서 예전 상태 그대로 보여지는 경우가 존재해서 상태값을 초기화하고 reset을 하자.
- prefetcher함수의 의존성 덜기
- prefetch만 하도록, 여러개의 쿼리요청이 들어올 경우를 대비해 interface로 배열 받기
- 라우터가 에러바운더리를 내장하므로 상위에 에러바운더리로 에러 못던짐 → 페이지별로 에러바운더리와 서스펜스로 감싸자.
- 공통 컴포넌트
- 합성컴포넌트(high order)
- 인증 or 토큰 세팅 or 유저정보 가져오는거
- props를 열어둬서 커스텀할 여지를 둘 수 있음(객체로 props로 내려줘서 스프레드 방식으로 뿌리면되는듯)
- 더 많아지면 컴포넌트 분리
- Provider
- 뭔가 많이 쓰일것 같은 로직
- 커스텀 훅
- 쓸지말지 고민하는 로직(데스크탑인지 모바일인지 판단해주는..)
- 조회(상호작용이 없으면 Provider) - 렌더링이 별로안일어나면 써도상관없음
- 토큰정도관리?
- Form이런건 별로고..(재렌더링 너무많음)