[TIL] 22.02.16 react-router v5 > v6

저번 주에 백신 접종으로 몸살을 심하게 앓고 오늘부터 다시 작업을 시작했다 

오늘부터 하나투어 클론코딩을 시작하게 되었는데 항해 때는 3주 안에 모든 구현과 배포를 해야 했었는데 이번에는 코드를 조금씩 이해하며 작성해보려고 한다. 

실전 프로젝트때는 react-router v5 버전을 사용하다가 이번엔 업그레이드된 v6를 사용하는데 생각보다 많은 내용이 업데이트된 걸 알 수 있었다. 

---

1.  작아진 번들 사이즈 

- 이전 버전 대비 약 70% 정도의 크기가 줄어든 것, 버전만 업데이트 하더라도 번들 크기에 대한 최적화가 가능하다는 이점이 존재

2.switch >> routes (네이밍 변경 )

3. exact 옵션 삭제

4. componen >> element (네이밍 변경 )

5. path="/Web/:id"  >>  path=":id" 로, 상대 경로로 지정

6. path="."   path=".." 등으로 상대 경로를 표현

7. 중첩 라우팅  useRouteMatch >> Outlet컴포넌트 사용

8. useHistory 훅 변경 -> useNavigate

 

 

사실 아직 아프다...  일찍 자야지 🥲