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