React Basics and Routing Explained: From Hello World to React Router DOM

In this video, we dive into the foundational concepts of React, starting from a simple Hello World example to more advanced topics like React Router DOM for routing. We'll cover:
Writing Multiple HTML Tags and Creating Functions: Learn how to write multiple HTML tags and create functions in React, including default functions and two ways of defining them.
Creating and Calling Functions: Discover how to create multiple functions within a single page and call them in simple HTML tags.
Building Pages and Components: Understand how to create and organize pages and components, and how to call them within the App.js file.
Using React Router DOM for Routing: Get to grips with React Router DOM, including BrowserRouter, Routes, Route, and Link for effective routing in your React application.
Significance of id='root': Understand the importance of including id='root' in your index.js and index.html files.
Rendering App.js in StrictMode: Learn about rendering App.js in StrictMode and why it is crucial for your React application.
This video is perfect for beginners looking to solidify their understanding of React basics and routing. Make sure to follow along and practice the examples on your own!
If you enjoyed this video and want to see more content like this, please hit the subscribe button and click the bell icon to get notified whenever we upload new videos. Your support helps us create more valuable content for you!
• Mastering React Setup ...
commands Discussed :
npm install react-router-dom
Import statements like import React from 'react', import { BrowserRouter, Routes, Route, Link } from 'react-router-dom'
Usage of BrowserRouter, Routes, Route, and Link components
StrictMode component for rendering
timestamps :
callback :0:00
intro :0:15
reback :0:20
starting from scratch(covering the basics) : 2:00
installing react router dom :13:35
exploring id='root' : 14:25
exploring stright mode amd its importance :15:27
Discussing react-router-dom and its components :18:00
checking output : 21:18