Learn React Router With Project | React Router Tutorial | React Tutorials for Beginners

In this video we are going to learn about React Router package for navigation between different components, changing the browser URL and keep our UI in sync with our Route. We will be using the same application with we build in our React JS Fundamentals video and we will cover mostly used features of React Router

***React Roadmap for Developers in 2021***
How to Learn React JS ? - https://youtu.be/06yVj8pcO5c
React JS Fundamentals Project for Beginners - https://youtu.be/QoJGKwo20is

***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

***Github link for Reference***
https://github.com/dmalvia/React_Tutorial_Contact_Manager_App/archive/react-router-tutorial.zip

? Video contents... ENJOY ?
0:00:00 - Intro
0:00:38 - What we want to build ?
0:01:49 - Install React Router DOM package
0:02:50 - Verify installed package
0:03:40 - Create React Route for application
0:06:20 - Switch and exact
0:11:45 - Passing props in route component
0:13:38 - Passing props with route render
0:16:54 - Programmatic navigation with history
0:19:11 - Add ID in route path
0:25:32 - Pass data in route state
0:27:40 - Access route state
0:30:50 - Assignment for you
0:31:42 - Outro

***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/dipesh.malvia
Instagram: https://www.instagram.com/dipeshmalvia
LinkedIn: https://www.linkedin.com/in/dmalvia/

⭐️ Tags ⭐️
- React Router Crash Course
- React Router
- React Tutorial
- React Router Project
- React Router For Beginners
- React Router Project

⭐️ Hashtags ⭐️
#React #Router#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.