React Router v6 Crash Course with React Invoice App

React Router v6 Crash Course with React 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.

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.

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

#reactRouterV6 #ReactCrashCourse #norbertbmwebdevelopment

Suggest:

JavaScript for React Developers | Mosh

Learn React - Full Course for Beginners - React Tutorial 2019

React + TypeScript : Why and How

Getting Closure on React Hooks

React Tutorial - Learn React - React Crash Course [2019]

Page Transitions In React - React Router V6 and Framer Motion Tutorial