Learn how to upgrade and refactor a React JS Blog project using React Router v6 in this comprehensive tutorial video. Explore the new features of RRv6, including how to install the latest version, update index.js and App.js files, implement useNavigate instead of useHistory, create a Layout component, add Outlet index content, set up nested routes, and utilize Link and useParams. Follow along as the instructor guides you through the entire process, from examining the starter project to testing the refactored code, providing valuable insights and practical examples along the way.
Overview
Syllabus
Intro
Welcome
Look at the docs
The Starter Project
Installing React Router Version 6
Updating the Index.js
Updating the App.js imports
useNavigate replaces useHistory
Adding a Layout Component
Adding Outlet index content
Nested Routes
Additional Routes
Review of the Routing Structure
Link and useParams
Testing the Refactored Code
Taught by
Dave Gray
