React Router Crash Course

Video Description

React Router is commonly used to make different routes for pages in React Applications. This crash course will teach you how to create routes in your React applications. This course covers BrowserRouter, Switch, Nesting Routes, Redirecting Routes, match and history props, including useHistory, useParams, useLocation, and useRouteMatch Hooks. ✏️ Course created by Roadside Coder. Check out his channel: https://www.youtube.com/c/RoadsideCoder 🔗 8 clean code practices: https://www.youtube.com/watch?v=dZXpgP9ibf8 ❤️ Try interactive React courses we love, right in your browser: https://scrimba.com/freeCodeCamp-React (Made possible by a grant from our friends at Scrimba) ⭐️ Course Contents ⭐️ ⌨️ (00:00) Intro ⌨️ (00:51) Initialize new React App ⌨️ (03:16) Header Component ⌨️ (04:42) React Router Installation ⌨️ (05:15) BrowserRouter ⌨️ (05:57) Creating Routes ⌨️ (08:21) Testing Routes ⌨️ (08:39) 'exact' prop ⌨️ (09:25) Switch Tag ⌨️ (10:17) Link Tag ⌨️ (13:32) basename prop ⌨️ (14:06) forceRefresh Prop ⌨️ (14:37) getUserConfirmation ⌨️ (15:54) scroll to top on route change ⌨️ (16:46) 404 Not Found Page ⌨️ (18:21) Access URL Params ⌨️ (20:33) useParams Hook ⌨️ (21:50) useLocation Hook ⌨️ (24:49) Redirecting in React Router ⌨️ (28:05) useHistory Hook ⌨️ (30:55) Nested Routing ⌨️ (38:27) Outro 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news