ReactJS Course for Beginners [ENGLISH] 2024 - Introduction to React Routing #reactjs

To implement Routing in ReactJs application, you can use react-router-dom package. The current version of the react-router-dom package is 6.4 and a lot of new features have been added to the latest version of the react-router-dom library. In this video, I will give you a brief introduction to routing in ReactJS. We will use a simple example to understand how routing works, how can you set route in ReactJS app, and how you can create links to the React application pages. Key Moments: 0:00-1:25 - Introduction 1:26-2:17 - This video roadmap 2:18-3:28 - Download React Router Dom package and import it 3:29-4:43 - Latest v6.4 recommendations 4:44-10:26 - Basic routing setup 10:27-11:42 - Using custom Base URL 11:43-13:21 - Adding common User interface 13:22-16:42 - Adding Links using Link component 16:43-20:03 - Use useNavigate() to navigate to different routes 20:04 - End Note Complete Playlist: https://www.youtube.com/playlist?list=PLLGlmW7jT-nROpfmMFDj7ccjCujXOLIey Github Repo with code: https://github.com/thisisabhishek/hello-reactjs I hope you enjoy this video and learn something new. If you do not know JavaScript, then you must learn JavaScript before starting ReactJS, and I have an amazing FREE course for JavaScript to help you learn JS - https://www.studytonight.com/code/js-course/ Follow me on Instagram: Studytonight with Abhishek - https://instagram.com/study.tonight/ Abhitonight (Hindi Reels) - https://www.instagram.com/abhitonight/ LinkedIn: https://www.linkedin.com/in/ahlawatabhishek/ Keywords: learn reactjs reactjs tutorial reactjs complete tutorial reactjs tutorial 2023 reactjs complete tutorial 2023 reactjs beginner tutorial react tutorial beginner react tutorial 2023 learn react 2023 reactjs for web development reactjs jobs reactjs career react JSX reactsjs jsx tutorial add style to jsx style attribute with jsx how to use style in jsx element CSS as module in reactjs forms in reactjs get data from API