This course teaches learners how to create routes in React applications using React Router. By covering topics such as BrowserRouter, Switch, Nesting Routes, Redirecting Routes, and various Hooks like useHistory, useParams, useLocation, and useRouteMatch, students will gain the skills needed to effectively manage page navigation in their projects. The teaching method includes practical demonstrations and explanations through video tutorials. This crash course is intended for individuals interested in enhancing their React development skills and understanding how to implement routing in React applications.
Overview
Syllabus
Intro.
Initialize new React App.
Header Component.
React Router Installation.
BrowserRouter.
Creating Routes.
Testing Routes.
'exact' prop.
Switch Tag.
Link Tag.
basename prop.
forceRefresh Prop.
getUserConfirmation.
scroll to top on route change.
404 Not Found Page.
Access URL Params.
useParams Hook.
useLocation Hook.
Redirecting in React Router.
useHistory Hook.
Nested Routing.
Outro.
Taught by
freeCodeCamp.org
