React Router Crash Course with React v6 Invoice App
In this React Crash course I will "run you through" the basics of react routing and I will put more focus on the newest version witch is react router v6.
💖 Support The Channel by becoming a part of this community!
🎱 Code for this Video:
https://norbertbm.com/react-router-cr...
-----------------------------------------------------------------------------
Get 30 days of SkillShare premium for FREE:
https://www.skillshare.com/r/profile/...
-------------------------------------------------------------------------------------------------
Timestamps:
00:00 - Intro & Project overview
01:01 - What is React Router
01:50 - What are React Router, Routs, Rout, Link, Outlet, BroweserRouter
03:07 - Upgrade React Router Switch to Routes
04:18 - React Rout path an link to properties
05:02 - Advantages of Route element
05:45 - Create a react invoice application - Project overview
08:46 - How to install react router
10:48 - Connect the URL
11:35 - Add Some Links
12:06 - How to add Bootstrap to React
14:37 - Add Routes
18:03 - Nested Routes
19:12 - Listing the Invoices
24:46 - Adding a "No Match" Route
27:34 - Reading URL Params
35:32 - Index Routes
38:03 - Active Links
39:43 - Search Params
44:23 - Navigate programmatically by Deleting a invoice
👨🏫 Check out my Website for more tutorials and Udemy Course👨🏫 :
https://volere.life/web-development/w...
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------
#reactRouterV6 #ReactCrashCourse #norbertbmwebdevelopment