Building Modern UIs with React Router v6

Focused View

Guil Hernandez

1:14:27

134 View

01 - Introduction

01 - Building modern UIs.mp4

01:24

02 - What you should know about React.mp4

00:41

03 - Set up the project.mp4

01:43

02 - 1. Routing Basics

01 - The fundamentals of routing.mp4

03:24

02 - Install React Router DOM and connect to the browsers URL.mp4

02:31

03 - Configure your first route.mp4

07:15

04 - Use Link to navigate between pages.mp4

02:38

05 - Challenge Create a navigation with Link and Route.mp4

01:27

06 - Solution Create a navigation with Link and Route.mp4

04:33

03 - 2. Nested Routes and URL Parameters

01 - How nested routing works.mp4

06:03

02 - Create a 404 or No Match Route.mp4

02:38

03 - Define placeholders to create dynamic routes.mp4

04:24

04 - Read and display URL parameters.mp4

07:24

05 - Display active links.mp4

05:11

06 - Challenge Render a nested UI from route matches.mp4

03:16

07 - Solution Render a nested UI from route matches.mp4

04:08

04 - 3. Take Routing Further

01 - Index routes.mp4

02:15

02 - Navigate programmatically.mp4

04:27

03 - Pass data when navigating programmatically.mp4

04:51

04 - Challenge Pass location state.mp4

00:59

05 - Solution Pass location state.mp4

02:15

05 - Conclusion

01 - Next steps.mp4

01:00

Description

Are you already familiar with React and ready to level up your skills and build modern user interfaces? In this course, learn how to extend your React applications by adding routing capabilities with React Router, the standard routing library for React. Instructor Guil Hernandez starts by going over routing basics and single page apps. He then illustrates some of the useful React Router components, hooks, and other features that navigate users to all the different views and help create dynamic user interfaces that automatically update whenever the URL changes. He explains how to create 404 or “not found” routes, as well as how the location state, history object, and the history stack work. Guil also provides several challenges along the way so you can practice as you go and make what you’re learning stick.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

React

User Interface

Guil Hernandez

Instructor's Courses

Thoughtful and impassioned developer and educator with over 15 years of experience in tech. Enthusiasm for lifelong learning and empowering people through technology education and mentoring. Enjoys speaking about learning and programming at local meetups and conferences across the US.

Linkedin Learning

View courses Linkedin Learning

LinkedIn Learning is an American online learning provider. It provides video courses taught by industry experts in software, creative, and business skills. It is a subsidiary of LinkedIn. All the courses on LinkedIn fall into four categories: Business, Creative, Technology and Certifications. It was founded in 1995 by Lynda Weinman as Lynda.com before being acquired by LinkedIn in 2015. Microsoft acquired LinkedIn in December 2016.