Complete React Tutorial in Hindi || ReactJS Tutorial for Beginners || ReactJS With Project

Complete React Tutorial in Hindi || ReactJS Tutorial for Beginners || ReactJS With Project || React Course for Beginners - Learn React in 6 hours with project

In this video we will see reactjs from scratch and we make complete react + firebase project

TIMESTAMPS
00:00:00 | Intro
00:03:16 | Project Demo
00:07:41 | Nodejs Install
00:09:32 | VS code Install
00:13:29 | Npx create-react-app
00:16:04 | Vs code extension Install
00:18:52 | Folder Structure Understading
00:29:45 | Introduction to JSX
00:33:13 | JavaScript Object for JSX
00:35:36 | Reuseble Components
00:41:34 | CSS in React
00:51:25 | Props
00:58:04 | Events
01:06:35 | Problem in Counter (Why need State)
01:14:22 | useState Hook (In depth Explaination)
01:30:36 | useEffect Hook
01:37:33 | React Router
01:50:53 | Navbar Design
02:01:04 | Form Handling
02:16:17 | Multiple Input Handling
02:33:06 | Intro (project part)
02:33:28 | Project Demo
02:42:08 | Firebase Setup
02:50:46 | Firebase Confrigation (API Key)
02:56:44 | Login Page Design
03:01:53 | Adding Google Authentication
03:09:29 | Register All Routes
03:16:26 | Navbar Design
03:40:54 | Blogs Page Design
03:44:46 | Learn to use chrome developer tools
04:02:58 | Conditional rendering in Navbar
04:10:12 | Add Blog Form Design
04:18:53 | Form Input Handling
04:34:46 | Add Form data to Firebase
04:50:06 | Fetch data from Firebase
05:10:03 | Delete data from Firebase
05:16:20 | Fetch single blog from Firebase
05:45:14 | React toastify
05:56:39 | Login button with ChatGPT

Reach Me Out
-----------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------

Product I use for coding and YouTube
-----------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------

Best Laptops for Coding
---------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------

Best Laptops for Gaming
---------------------------------------------------------------------------------------------------------------

#react #webdevelopment #programming

[TechBotYouTube]

You are awesome my brother and you are doing a great work bohot se videos dekh liye react ke uper finally apki video dekhne ke baad bohot se doubts clear hogaye A big thanks man I appreciate your hard work I can gurantee you that you will be the successfull youtuber one day just keep the good work doing! SUBSCRIBED🖤

[ayz]

1:09:44 approach

let i = 0;
const Increase = () => {
let count = document.querySelector("h1");
count.innerHTML = `Count = ${i + 1}`;
i++;
};

const Decrease = () => {
let count = document.querySelector("h1");
count.innerHTML = `Count = ${i - 1}`;
i--;
};

<button onClick={Increase}>Increase By 1</button>

<button onClick={Decrease}>Decrease By 1</button>

[ayz]

Complete sir ... explain great 😎 ek baar me smgh aa gya

[kajalchouhan]

Your video was extremely helpful. Thank you for providing such valuable content!

[AmirKhan-vgbr]

Bro plz make complete JavaScript course jise apni ye react js ka course banaya hai ye world best react js ka course hai

Yese tarah eik complete JavaScript ka course banaye plz jis complete projects ho eik to e-commerce website baky apno marzi sa coch real world project banao.
Hum ny react js ka course kar leya hai lekin lagta hai ky JavaScript tori weak hai
Isleye eik JavaScript ka course hojaye

[muhammadmudassarshoukat]

Your are awesome my Dear. Your work and way of teaching is so good as a beginner i think react is much difficult but when i watch your course it is bit easy. Kindly make some more videos on React i wait your upcoming videos??

[learncode]

Awesome bro please make one video of javascript in one shot video like react

[fayan]

Sorry sir aap apne css pe focus kijye thoda😅