What you will learn
- Master React Router
- Learn How to do routing in React using a router
- Learn how to do nested routing using react-router
- Learn how to navigate user programmatically.
- Learn best practices in navigation between different paths of your application with relative and absolute navigation techniques
- Fetch data from Rest-API endpoints by using React Router API features
- Develop Protected Routes by learning how to protect some routes with authentication patterns
| Course Outline |
OVERVIEW:
After completing the React Router Course you will be able to do routing in react.js application. As react does not provide built-in routing you have to use react-router to enable users to navigate through pages in your application. By using react-router you can change components in a single page which means that your web app is not going to refresh when navigating through pages.
INTRODUCTION:
React-router is react.js framework for declarative routing. By using react-router we can configure routes in react-application. We can define routes in our application which users will be allowed to navigate.
PREREQUISITES:
Before starting this course, you should have a working knowledge of Following:
- React.js fundamentals
- Hooks in react.js
This training is compatible with Windows 8, Windows 8.1, Windows 10., and MAC operating system.
CERTIFICATION:
You are hereby advised to visit www.virtualacademy.pk and get yourself certified in React-router Training, furthermore you'll have to meet the following criteria for earning this particular Registered Certification:
- You will have to complete all 10 lessons through Virtual Academy Online Learning Management System at www.virtualacademy.pk.
- Every lesson has 3 to 5 quizzes, which you must have to pass with 70% marks.
- You need to submit your project/assignments on time.
- After completion of Virtual Academy offered React Router Complete Training lessons via www.virtualacademy.pk Online Learning Management System there will be final exam which comprises of 50 to 100 questions.
After having assessment of your account with www.virtualacademy.pk whether you meet all the above terms and conditions, then we will dispatch your Certificate/Diploma at your given address.
COURSE CONTENTS
- Introduction
- What is react-router
- How to add react-router in React.js project.
- What are the prerequisites
- Configure Routes
- Links in react-router
- Navigating on button click
- 404 not found page route
- Nested and Indexed Routes
- Dynamic routes
- URL Params
- Search Params
- Relative Links
Usman Khan
React Router is a significant milestone in your journey as a front-end developer. React Router is a powerful library that enables navigation and routing in React applications, allowing you to create dynamic, single-page web applications with multiple views and URLs....
Faizan javed
React Router is a significant milestone in your journey as a front-end developer. React Router is a powerful library that enables navigation and routing in React applications, allowing you to create dynamic, single-page web applications with multiple views and URLs....
Hamza salem
React Router is a significant milestone in your journey as a front-end developer. React Router is a powerful library that enables navigation and routing in React applications, allowing you to create dynamic, single-page web applications with multiple views and URLs....
Hamza salem
React Router is a significant milestone in your journey as a front-end developer. React Router is a powerful library that enables navigation and routing in React applications, allowing you to create dynamic, single-page web applications with multiple views and URLs....
Saad Gujjar
React Router is a significant milestone in your journey as a front-end developer. React Router is a powerful library that enables navigation and routing in React applications, allowing you to create dynamic, single-page web applications with multiple views and URLs....
Muhammad Adeel Shahzad
I watched too many tutorials and spent days trying to understand this. And you helped me get this so easily. Kudos to you and your work! Thank you! :)...
Nadeem Ahmad
its the best video on router dom... showing the differences with the previous version actually helped alot to understand more easily...
Muhammad shafiq
Ap boht acha explain krti han boht achi smj ati ha apki...