Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
3 Hour(s) 34 Minute(s)
Language
English
Taught by
CodeLicks Academy
Rating
2 views
Course Overview
Master React Router API with practical best practices. Learn component-based routing, authentication scenarios, and more
Welcome to the only Udemy course teaching React Router from zero to mastery!
In this course I teach you everything you need to know about React Router v6 as a react developer by building a real-life project from the ground up. With this course you will master all the complex React routing concepts with concrete real-life examples as we move on a full-stack building an online book shop single page application.
I will walk you beyond the information that you can find in the documentations and blogs and teach you industrial best practices with real-world scenarios that do make sense for you and level up your skills as a React developer for real.
You will learn how to implement different types of component-based routing into your application along with other scenarios such as protected routes and authentication.
Most of the resources out there, only mention React router as a side-tool in their courses but in this course all the materials are meant to teach you the React router API with all the best practices and some of the hidden tips that I learned the hard way in my career life as a React developer, to prepare you for developing your React projects as an expert.
First we explore the basic concepts such as declaring a path, adding some styles based on the active path and how to deal with 404 routes.
Then we move on to learning navigation and using elements such Link and Navlink in React Router v6.
After that we touch on advanced topics in React routing including nested routing, dynamic routing, fetching data based on URL parameters and more.
Finally, we implement a complete set of CRUD operations against a backend server to experiment all the React routing features related to CRUD operations and see a lot of routing best practices for enhancing our data fetching and CRUD operations.
So, hopefully I will see you in the course to start leveling up your React Routing Skills.
Course Content
- 6 section(s)
- 35 lecture(s)
- Section 1 Introduction
- Section 2 Basic concepts
- Section 3 Navigation and Links
- Section 4 Advanced Routing
- Section 5 Routing techniques for CRUD operations
- Section 6 Next steps
What You’ll Learn
- Understanding the basic concepts of React Router
- Master Nested Routes in React Router by learning how to define child routes and use components for your nested routes
- Develop Protected Routes by learning how to protect some routes with authentication patterns
- Fetch data from Rest-API endpoints by using React Router API features
- Learn best practices in navigation between different paths of your application with relative and absolute navigation techniques
- Build dynamic routes and implement navigation based on data coming from backend server
- Learn how to pass parameters and use them in your components using URL Parameters in React Router
- Learn advanced concepts and practices such as navigation deltas, passing state with navigation and domain-driven routing
Reviews
-
RRamesh Kotkar
course is good but very fast in some of the stage
-
SSricharan Krishnan
React Router v6 (now in 2024 has become v7) has a lot more information and other features. Its a good course but not a complete guide.
-
JJosh Bryson
A good start, but could offer content about more advanced features in React Router
-
EEsteban Vera Mantero
great
