YoVDO

React Router 6 – Tutorial for Beginners

Offered By: freeCodeCamp

Tags

React Router Courses Web Development Courses

Course Description

Overview

Dive into a comprehensive tutorial on React Router 6, designed for beginners. Master the fundamentals of page routing in React applications through this crash course. Explore essential concepts including creating first pages, implementing page components, utilizing the Link component, handling error pages, and building a navbar. Progress to more advanced topics such as nested routes, shared layouts, index pages, and the NavLink component. Learn to work with URL parameters, create single product pages, and use the useNavigate() hook. Conclude by implementing protected routes and refactoring your code. Access the provided source code and related React tutorials to enhance your learning experience. This 1-2 hour course, created by John Smilga from Coding Addict, offers a structured curriculum with time-stamped content for easy navigation.

Syllabus

) First Pages.
) Page Components.
) Link Component.
) Error Page.
) Navbar.
) Nested Routes.
) Shared Layout.
) Index Pages.
) NavLink Component.
) URL Params.
) Single Product.
) useNavigate().
) Protected Route.
) Refactor.


Taught by

freeCodeCamp.org

Related Courses

Front-End Web Development with React
The Hong Kong University of Science and Technology via Coursera
React Router and Redux
Microsoft via edX
Introduction to Front-end Development with ReactJS
Coursera Project Network via Coursera
React - The Complete Guide 2024 (incl. Next.js, Redux)
Udemy
The Ultimate App Making Course! Master Many Coding Skills!
Udemy