웹 게임을 만들며 배우는 React
웹게임을 통해 리액트를 배워봅니다. Class, Hooks를 모두 익히며, Context API와 React Router, 웹팩, 바벨까지 추가로 배웁니다.
react-router@6 코드 공개
https://github.com/ZeroCho/react-webgame/tree/master/react-router
react-router 6 코드를 요청하신 수강생분이 계셔서 코드 업데이트 했습니다.
react-router@5와 많이 달라졌습니다. reach-router와 통합했고, remix라는 react 기반 프레임워크에 쓰기 위해 많이 변경한 것 같습니다.
Switch, render, exact, children, component, useHistory, useRouteMatch 등이 전부 사라졌습니다.
Routes, element, useNavigate 등으로 대체되었습니다.
한 가지 주목할 만한 차이점은 더 이상 class 문법을 지원하지 않는 것입니다. 살짝 꼼수를 써야 class에서 사용할 수 있습니다(아직도 class 쓰는 분이 계신지를 모르겠지만요...)
댓글