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
https://youtu.be/kMBjhiGYoLY
