Back to Browse

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

46.5K views
Jul 26, 2021
18:33

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 ⭐️ Support my channel⭐️ https://www.buymeacoffee.com/dipeshmalvia ***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 ***Checkout my crash courses for get started with web development*** JavaScript Tutorial For Beginners | Part 1 - https://youtu.be/t6_waVDdG-E JavaScript Tutorial For Beginners | Part 2 - https://youtu.be/LRLMs0TCflE JavaScript Tutorial For Beginners | Part 3 - https://youtu.be/sqpy36PNAdk JavaScript Tutorial For Beginners | Part 4 - https://youtu.be/MQrR0nrvg8o HTML5 Crash Course in 1 Hour - https://youtu.be/Aj3QFsmsagc CSS Crash Course in 1 Hour - https://youtu.be/nYsk_U_A_lc 🔗 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.

Download

1 formats

Video Formats

360pmp432.5 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

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