Protected Routes in React | Router Redirect | React Router Dom | React Tutorial for Beginners

In this video we are going learn about protected routes in React Js. We will see how we can use React Router Dom package and create protected routes to restrict the user to see certain components in our website if they are not authenticated. 

We will create fake authentication using custom React Hook and pass it to Protected route based on authentication we will restrict user to access component and redirect to Home component.

 

 ***Github link for Reference***

 https://github.com/dmalvia/React_Protected_Routes

 

 ***React Roadmap for Developers in 2021*** 

How to Learn React JS ? - https://youtu.be/06yVj8pcO5c

React Fundamentals Project - https://youtu.be/QoJGKwo20is

Learn React Redux with Project - https://youtu.be/0W6i5LYKCSI

 

***Checkout these video to understand better*** 

JavaScript this Keyword - https://youtu.be/S2pBGSeUFCk 

JavaScript ES6 Arrow Functions - https://youtu.be/TgzVxiPdCDU 

JavaScript Higher Order Functions & Arrays Methods - https://youtu.be/m2_kagsc3_c 

JavaScript ES6 Destructuring - https://youtu.be/rpYg2M2lNAE 

 

***More videos*** 

JSON Crash Course - https://youtu.be/6OhMbf2v_jI 

Asynchronous Vs Synchronous Programming - https://youtu.be/oesicy3CcXE 

Async JavaScript Callback - https://youtu.be/1zeuvEvw5uw 

Async JavaScript Promises Tutorial - https://youtu.be/JvV4Rz2PpzA

 

🔗 Social Medias 🔗 

Twitter: https://twitter.com/IMDmalvia 

Facebook: https://www.facebook.com/programmingwithdipesh 

Instagram: https://www.instagram.com/dipeshmalvia 

LinkedIn: https://www.linkedin.com/in/dmalvia/ 

 

⭐️ Tags ⭐️ 

-React Protected Routes 

-React Router DOM 

 

⭐️ Hashtags ⭐️ 

#React #ReactRouter #ProtectedRoutes #Beginners#Tutorials 

 

Disclaimer: It doesn't feel good to have a disclaimer in every video but this is how the world is right now. All videos are for educational purpose and use them wisely. Any video may have a slight mistake, please take decisions based on your research. This video is not forcing anything on you.

Protected Routes in React | Router Redirect | React Router Dom | React Tutorial for Beginners
26.40 GEEK