How to create Private Routes and Authentication with React Router V6 скачать в хорошем качестве

How to create Private Routes and Authentication with React Router V6

** NEW VERSION AVAILABLE ** Due to the feedback received on this video, a new version with a link to download the code is available here:    • How to create Protected Routes and Authent...   In this video, we'll be learning how to create private routes and authentication with React Router V6. Private routes allow us to control how specific paths are accessible, while authentication provides a secure way to ensure only authorised users can access our content. By the end of this video, you'll be able to create private routes and authentication in React Router V6, ensuring that your users are protected while they access your content Using React Router V6 we'll put together an App that has: 1. Authentication wrapper using useContext and useReducer 2. A custom component to build our routes and menu options 3. A login page that calls a login function from our Auth Wrapper 4. Dynamically build and set our menus and routes depending on the user's status 00:00 - Introduction 01:50 - Where to start 03:50 - Creating an Authentication Wrapper 07:40 - Login and Logout functions 10:30 - Creating a login page 18:00 - Adding to the navigation 21:15 - Adding private routes and menus 23:20 - Adding authentication conditions to the routes 25:10 - Adding authentication conditions to the menu 27:45 - Adding additional private routes and pages 29:00 - Testing our new App 31:00 - Summary #PrivateRoutes #reactrouter #reactjs