React Router Crash Course



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 Piyush Agarwal. Check out his channel: https://www.youtube.com/c/RoadsideCoder 🔗 8 clean code practices: https://www.youtube.com/watch?v=dZXpgP9ibf8 ⭐️ 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 And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Router Crash Course

React Router Crash Course

 

 

 

 

 

 

 

 

 

Contact us

More React Router Crash Course Videos

Leave a Reply

Your email address will not be published. Required fields are marked *