React Router v6는 v5와 비교해서 달라진 점이 많습니다.
달라진 점의 예로는 다음과 같은 것들이 있습니다:
1. 작아진 번들 사이즈: v6는 v5대비 70% 정도의 크기가 줄어들었습니다. 덕분에 좀 더 최적화에 적합해졌습니다.
2. switch
에서 routes
로 변경: 기존 route
를 구성하는 부모 요소가 switch
에서 routes
로 좀 더 직관적으로 변경되었습니다.
3. useHistory
에서 useNavigate
로 변경:
useHistory
훅이 useNavigate
훅으로 변경되었습니다. 기존 history.push
는 navigate
로 history.replace
는 navigate({replace: true})
로 변경되었습니다.
이외에도 많은 변경 사항이 생겼으니 자세한 사항은 공식 문서로 확인하시길 바랍니다.