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 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
Suggest:
☞ Getting Closure on React Hooks
☞ JavaScript for React Developers | Mosh
☞ React + TypeScript : Why and How
☞ JavaScript Programming Tutorial Full Course for Beginners
☞ Learn JavaScript - Become a Zero to Hero
☞ Learn React - Full Course for Beginners - React Tutorial 2019