00:00 Shudh gyaan 03:44 PC Opens 03:58 NodeJS Install 05:14 npm, npx check 06:15 why React to use with example 07:34 **Creating ReactJS Project 12:10 Exploring PreCreated files 13:50 **starting App First time 👏👏 16:05 What is Single Page Application 17:25 how React works 18:30 **Starting Project Development 21:15 JSX 23:00 **Variables 25:00 **Wrapping Functions 26:50 Integrating Bootstrap 29:10 React Bootstrap 30:40 **ToDo Project 33:40 React Extension in VS Code 35:20 ToDo project continues 1:05:25 **Delete function setup starts( Continues Till the End) 1:14:50 State Hook Usage 1:19:55 Extra Designing (Skippable) 1:25:00 **Add ToDo button Setup 1:31:00 Creating Todo addition function 1:33:30 Add fn Error Description and Solution 1:48:40 **Permanent Delete and Add Todo Code fixing 1:58:20 Final run of Todo Home Page 1:59:55 **React Router
4:49 : installing node js 10:23 : npx command 13:50 : 1st app created 16:30 : creating spa 19:23 : react DOM 21:44:JSX 37:45 : Todos ( saare. Todos ) 39:00 : Todoitem ( one particular todo) 40:00: Footer start 45:59 : "My Todo List" header title 54:00 searchbar play 1:11:28 : todo delete 1:31:18 : not reload on submit 1:36:45 : description not present
This Guy not only teaches you coding he motivates us in a way that we develop interest in coding and gradually start to excel in any kind of language. A big respect for Harry.
Hello brother , even after working 1.5 yrs in react and being good at it i still came back here to ur video cz u r the one who taught me coding from scratch , and hence i would like to thank you for your content and really appreciate your effort . i still revise again the topics from your videos only. Thank you !!
Hey Shikher! Do you usually learn through these online tutorials ? Have you created any projects? Would you be interested in exploring opportunities in web development?
I have an interview next week here in Stockholm, You provide a good work I am follow your tutorial bro in my opinion you don't need to tell us the points that are not used or have no mean it always create more confusion and try to use some understandable variables I don't know why why to do to do again say to dooooooooo. Between thank you so much I learn it from your tutorial.
Beautiful yaar.. Aapne kitna easily react explain kar diya.. Mujhe initially bahut jyada complex and difficult lag rha tha react learn karne main.. Ur genious.. Thanks for the video
I was stuck while building a react project and couldn't find the solution anywhere, this video just randomly poped on my recommended so I started watching it and guess what, I found what I was doing wrong(It was related to the calling of ondelete function). Thank you so much dude you are amazing.
47:40 For those who might get confused with the curly braces: First, please learn OOPS in JS, you'll find that everything, every sort of datatype in JS are basically objects, since JSX uses JS, it requires objects to be passed on to it, the curly braces denote those empty objects which contains certain HTML Doc and JS. variables
Maine kal hi Harry Bhai Apki Web Development ki tutorial complete ki aur Aaj subah soch hi raha tha React seekhne ka aur dekho aaj apne React main bhi video daal di Thank You Harry Bhai😊😊
For those who wanted to make that footer.css, it got applied on the whole page because he used * in stylesheet. Instead if we only give class name .bg-dark , it will work fine and style will be applied on the footer only :) btw great lecture for beginners 🙌
@codewithharry harry bhai JavaScript Ka bhi full course like 15 -20 ghnte wali video js me bhot confusion ho RHA h aur koi ache se explain bhi nhi kiya h
Mujhe pata tha full stack mtlb js html css aur koi programming language But net pe alag dikha raha css js html reactjs datastructute mongose sql etc Ye karne gaye to salo lagega isse acha koi progranning language kisi kr lu please reply Bahut doubt please reply
@@ompandey7760 full stack matlab front end yani designing and all then backend for application, database toh milakar full stack hota hai, tum mern stack sikhlo demand acha hai
It's my personal opinion i am not a big fan of code with harry the only reason i watch his video is because of the trust that he will not redirect us to a paid course ! The problem is he is not concise he will have compile errors just like us beginners those error doesn't help in clearing our understand and above that he will do small things here and there which beginners don't know like how did he close the app and how did he change from js to react js (for emit ) i do easily figure it out but when his problems add with our own problems it's real pain in the ass
Hey Dude.... Just want to let you know that I watched your javascript tutorial video and I can now possibly automate my most of the task in my browser. I simply run a script and then I go to sleep... and when I woke up all the iterative tasks are done. Thanks Bro for that amazing tutorial...
Just for an Update. If u are facing issues regarding the switch statement in react-router make sure u change all the "Switch" to "Routes".. this is an update in the react-router-dom v6
Now I'm watching python in one video of 15 hours. After completing it i will definitely start react.😊😊. Thank you Harry bhai for providing such valuable content for free🤗🤗🤗
Just the right tutorial that I was looking for. Actually, I'm working on my college project for which I need to learn to react. Thanks harry Bhai for the wonderful tutorial.
I never thought that you, i.e., CodeWithHarry would post video on React or something like that advance. But react isn't that short. Your video is only of 2 Hours. I don't think that React, containing components, props, hooks, etc. would be covered only in 2 hours as I have already have learnt react for almost 1 month. Then also, Harry apna bhai hai. Sari videos dekhunga inc. this video also :).
Sir I Thought That React Js Is Such A Headache To Run And Build Projects But After Wacthing Your video I Find React js very simple... Thanks Sir For Making Every Complex Things Simple... May God Bless You...... Keep Movtivating Like This To Every Student... Thankx
I've been waiting for this react tutorial for a long time .... please make more videos on react ...you are one of the best teacher on youtube someone could ever find ❤️CodeWithHarry.
1:17:00 Guys, if your React application is reloading after it is deleted and again rendered in the DOM, you have to prevent the default reload behavior by using the preventDefault() method! onClick={ (event) => { event.preventDefault(); //Deleting Logic with onDelete Function } I've spent quite some time on this, I hope if it happens for you, you won't have to spend that much time!❤
Almost 1nd1/2 hr ago I was searching for react tutorial by Code with Harry.. it was not there.. I started to watch others video..😅 .. But you have upload video today wow That's amazing.. I'm fortunate enough 😁 now I'm gonna delete all those downloaded video nd start to watch yours.. Thank sir😁
I am new in coding so if i want to start from the beginning which language should i go gor . Is python is good to learn coding bcz i am not from computer branch i am from Electronics branch plz help
The best part of this tutorial is => first of all it's all about the desi language which is love and second, he makes mistakes while coding which is the great part because that's what I was searching for in a tutorial. I don't think everyone will agree, but the more mistakes you make while coding or making any project, the more you get to learn and understand way better than the ones who do not make any.
Thanks harry bhai, I find this is best coding channel in utube explaining everything in details. I had started again coding and front end development after 2 years of gap, and learnt django, python from ur channel. I am very much thankful to u bro... I will be taking sessions from u and will recommend other also to follow u. I wish more such courses to come from u. my Best wishes to u, and stay safe in Corona!
I was just wishing, if Harry had made a video on react so i can easily learn. and here we are.....i think he has some magical power. I am atheist but now for me he is my god. One day I'll payback for all of this ❤️🙏
2:04:33 switch needs to be changed into and after path="/" in need to use element={
} than return and element={} after path= "/about" and no need to write exact you need to change import as well from switch to Routes Though I'm not sure its the right way , but you need to delete setTitle and setDesc in AddTodo.js on line 14 and 15 because of some error and I'm tired so I did'nt bother fixing it
Thank you so much for this video. Definitely helped me get started with React. Lots of love and appreciation. My recommendations : 1. Things really started going over my head in the last 1/5th of the video cuz of similar names... todo...todos.. todolist and stuff and what function is doing what. 2. It will be really helpful if you would have explained the entire flow of this react app in the end, i.e. from the starting of this app to adding and deleting any todo. This will be helpful in summarizing how each code you wrote finally worked in this app. (Ps. I'm confused about what will be the flow of those function calls.)
Must say the project was really very cool... But waiting for react tutorial playlist. Bcoz it was not sufficient in learning react properly. Like other playlists 😇😇😇
Finally Finally!!!!!! After a lots of patience 😭😭😭 I'm so happy today can't control my emotions. You are great Harry bro...! React is my favorite framework people are charging to teach this frame work but u are giving it for free keep it up we all appreciate your hard work❤❤❤
Thanks, Harry!!!! You are really amazing and your tutorials are fun. I was really frustrated in learning React but now you made learning interesting. :D
One point should be noted: use the instead of and import statement should be: import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
I am also making video tutorials on programming but i dont have any support please support me guys so that i can continue teaching . I really need your support guys Thank you so much in advance :)
Thanks ....... , for those who is watching in 2022 if you are using react-router-dom v6 then you have to use "Routes" for routing instead of "Switch" .
For them who are watching in 2022 just like me, the react-router-dom has been changed a bit in version 6 and version 5 appears to be first in google and that doesn't work in version 6 which you would install.. And along with the title, sno can also be rendered which would be a add on feature.. and sno can be updated with a piece of code when todo is deleted.
Please sir React + react router + firebase pe complete playlist bnaye. compmete mern stack. Most demond and we did not find relevent course. How is agree with me???
harry bhai please make a complete video of your learning journey how you learned what your learned and when from starting to end. Those who agree with me like this comment and comment yess so that harry bhai can notice this.
I was think before seeing your video, Is that possible to explain technical subject into the local language ??? But After seeing you, If the teacher as like you than nothing is impossible. I was tried to find good teacher online but today I finally found one of the best. Appreciate your effort Sir. Thank you so much for explaining tough subject in simple ways. Thank you Thank You Thank You So much.🙂🙃🙂
00:04 React is a JavaScript framework for building single page applications. 02:10 React tutorial in Hindi covering prop passing and router installation 06:06 Learn how to create a React app and open the terminal 08:06 JavaScript Applications can be built outside the browser using NPX Audio MP3 and Note package 12:13 Learn React in Hindi with this tutorial 14:16 Learn about single page applications in React. 18:10 Understanding the functionality of a JavaScript file and different types of dynamic content injection into the root. 20:07 Different types of cracked websites and how to customize them 23:44 Styling in React is done using CSS and JavaScript 25:40 Bootstrap is a CSS framework used to create designs. 29:32 Implement optimized JavaScript applications using React 31:31 Creating a to-do list and component in React 35:20 Creating and importing components in React 37:25 React Tutorial in Hindi 🔥🔥 41:48 Import 'cost-to' and understand its usage 43:41 Creating and using components in React 47:13 Types of sentences used frequently in React 49:06 Understanding the importance of passing and working with strings and prototypes. 52:40 Creating a search bar and its implementation 54:31 Creating a to-do list in React using JavaScript 58:35 Writing and importing to-do items in React 1:00:54 Adding buttons and organizing tasks in React app 1:04:51 In this video, the instructor discusses a React tutorial and demonstrates some coding examples. 1:06:37 Understanding the usage and options in the React tutorial. 1:10:24 Learn how to handle unique keys in React 1:12:12 Call the function for rendering 1:16:00 Passing tools in seconds and minutes 1:18:03 React tutorial in Hindi with focus on displaying tools and troubleshooting 1:22:03 Learn how to add style using JavaScript 1:23:58 React Tutorial in Hindi 1:28:02 React JavaScript has threading and is recommended for creating the necessary body. 1:30:14 Learn how to create a to-do list in React 1:34:33 Introduction to DSC and JavaScript course admissions 1:36:43 The video discusses various topics related to React tutorial in Hindi. 1:41:17 Updating positions and fixing relative positioning in a shopping app video 1:43:32 Understanding CSS positioning and styling 1:47:46 Implementing a switch statement in React for conditional rendering. 1:49:58 Local storage data in React Tutorial in Hindi 1:54:28 Using the useEffect hook in React to handle state changes 1:56:22 The video discusses various topics related to React tutorials in Hindi. 2:00:23 Understanding router and browser routers in React 2:02:18 Passing attributes and returning values in React functions. 2:06:21 React Router is a powerful tool for routing in React applications. 2:08:08 Tutorial covers debugging and production setup 2:11:57 React tutorial in Hindi
@@_Dhruv-nj8dk koee or behtar channel youtube p ya ksi or platform p jo sirf React p e kaam krta ho. Actually Hary bhai n bht c technologies p hath rkha hua😅
00:00 Introduction 03:45 Node JS & NPM 07:18 Creat React App [NPM ans NPX] 11:19 After Installed React app 13:44 Let's Creat First React App and Analysis How code works ctrl K M 33:44 ES7 React
Seriously Harry Sir, you nailed it. I just watched only 24mins of video even I have gone through same steps from official react website. But, like spending these 24mins worth. The way you explained every core of that🔥🎉🙏❤️Please keep adding videos for us. Thank you !! And can you please let me know how that video you have recorded with your face in round box on same screen?? That would be really great.
Harry sir , please when you make video make sure that it's in zooming or not So that it will be clearly visible to all Rest your teaching is fantastic 😊
00:00 Shudh gyaan
03:44 PC Opens
03:58 NodeJS Install
05:14 npm, npx check
06:15 why React to use with example
07:34 **Creating ReactJS Project
12:10 Exploring PreCreated files
13:50 **starting App First time 👏👏
16:05 What is Single Page Application
17:25 how React works
18:30 **Starting Project Development
21:15 JSX
23:00 **Variables
25:00 **Wrapping Functions
26:50 Integrating Bootstrap
29:10 React Bootstrap
30:40 **ToDo Project
33:40 React Extension in VS Code
35:20 ToDo project continues
1:05:25 **Delete function setup starts( Continues Till the End)
1:14:50 State Hook Usage
1:19:55 Extra Designing (Skippable)
1:25:00 **Add ToDo button Setup
1:31:00 Creating Todo addition function
1:33:30 Add fn Error Description and Solution
1:48:40 **Permanent Delete and Add Todo Code fixing
1:58:20 Final run of Todo Home Page
1:59:55 **React Router
idhar bhi copy paste
PC opens is really hilarious😂
@Vats Vlogs Powershell inbuilt hota hai windows mein
shudh gyaan
Here for shudh gyaan
4:49 : installing node js
10:23 : npx command
13:50 : 1st app created
16:30 : creating spa
19:23 : react DOM
21:44:JSX
37:45 : Todos ( saare. Todos )
39:00 : Todoitem ( one particular todo)
40:00: Footer start
45:59 : "My Todo List" header title
54:00 searchbar play
1:11:28 : todo delete
1:31:18 : not reload on submit
1:36:45 : description not present
hey thanks for this, this is gonna help many
thanks a lot
4:49 : installation
@@mrunalkhade176 where is Redux?
@@aqdasmurad4204 tho others are really beginner friendly , it's not bro>And I think he didn't cover redux here .
not only good teacher, he is the best than a PHD Doctor, i have no words, how to appreciate this guy, really very easy understanding
#HarryBhai is a great teacher. I am a development student from Norway, i have learnt more from your tutorials than my university
This Guy not only teaches you coding he motivates us in a way that we develop interest in coding and gradually start to excel in any kind of language. A big respect for Harry.
Hello brother , even after working 1.5 yrs in react and being good at it i still came back here to ur video cz u r the one who taught me coding from scratch , and hence i would like to thank you for your content and really appreciate your effort . i still revise again the topics from your videos only. Thank you !!
Hey Shikher! Do you usually learn through these online tutorials ? Have you created any projects? Would you be interested in exploring opportunities in web development?
@@shivani9840 Hi Shikha I'm interested in web development
Can we do peer programming?
Bhai itna maat fenkh🤣🤣🤣
@Geeky Sharma No brother , Its not true
Please help react are not working in my pc
Fun fact : You will do full CSE BTech through this channel😁 instead of private colleges 👍
When u study 10-15 subjects in CSE but then realize only u need to learn was programming and data structures
@@sw_2421 true man
At the end when u r ready for job.
Then everyone will comes to understand that Programming and DS is only Important 😝🤭
true bro. only programming and DS is important.
@@sw_2421 thanks for this info....i am a 1st year student from govt. clg and will only go for programming and DS....XD
@@mrunalkhade176 which college..R u from Maharashtra?
I have an interview next week here in Stockholm, You provide a good work I am follow your tutorial bro in my opinion you don't need to tell us the points that are not used or have no mean it always create more confusion and try to use some understandable variables I don't know why why to do to do again say to dooooooooo. Between thank you so much I learn it from your tutorial.
Beautiful yaar.. Aapne kitna easily react explain kar diya.. Mujhe initially bahut jyada complex and difficult lag rha tha react learn karne main.. Ur genious.. Thanks for the video
I was stuck while building a react project and couldn't find the solution anywhere, this video just randomly poped on my recommended so I started watching it and guess what, I found what I was doing wrong(It was related to the calling of ondelete function). Thank you so much dude you are amazing.
I am 12 years but i have learn html css and jav and now i am able to make and design website sir school teachers are proud of me
Big thanks to you
Good. Congrats.
bro i m same as you
I am also 12 years old and I am also a coder
I have learned java,html,c and i am also 12
Boi
New react js course 2024 vote now
Right
Really need it, A lot of changes in todays React
Got so uncountable errors 👏
47:40 For those who might get confused with the curly braces: First, please learn OOPS in JS, you'll find that everything, every sort of datatype in JS are basically objects, since JSX uses JS, it requires objects to be passed on to it, the curly braces denote those empty objects which contains certain HTML Doc and JS. variables
Hey
It is necessary to learn js before learning react
@@jp-lh2cq yes
It's basically a ternary operator, which is used in C++ as well.
@Geeky Sharma no
js is not object oriented language
React pdhne ka socha toh nhi tha pr ab aapne tutorial daal diya toh ye b sikh lenge😬😬😂 Thanks for this React Tutorial🔥 Hats off to you ! 🎉
Maine kal hi Harry Bhai Apki Web Development ki tutorial complete ki aur Aaj subah soch hi raha tha React seekhne ka aur dekho aaj apne React main bhi video daal di Thank You Harry Bhai😊😊
For those who wanted to make that footer.css, it got applied on the whole page because he used * in stylesheet. Instead if we only give class name .bg-dark , it will work fine and style will be applied on the footer only :) btw great lecture for beginners 🙌
Other People : Wait for Webseries / Movies
Harry Bhai ke Subscribers : wait for 5-10 hour coding video🤣
Ye badhia tha guru literally long videos of harry bhai are amazing
Yes you are right man 😂🔥
Harry bhai js ka bhi full course like 15 - 16 hours wali video banao
@codewithharry harry bhai JavaScript Ka bhi full course like 15 -20 ghnte wali video js me bhot confusion ho RHA h aur koi ache se explain bhi nhi kiya h
@@abhijeetsingh2644 bhai ek thapa technical nam se channel ne bana rkha hai 16 ghante ka
To jab tak harry bhai upload nahi krte wo dekh lo
Code with harry is the place where people don't argue. Only thanks wishes without watching full video. Real teacher. Highly respected person
Mujhe pata tha full stack mtlb js html css aur koi programming language
But net pe alag dikha raha css js html reactjs datastructute mongose sql etc
Ye karne gaye to salo lagega isse acha koi progranning language kisi kr lu please reply
Bahut doubt please reply
@@ompandey7760 in 1 year you can learn full stack easily totallly
@@ompandey7760 full stack matlab front end yani designing and all then backend for application, database toh milakar full stack hota hai, tum mern stack sikhlo demand acha hai
@@ompandey7760 obviously ache decent full stack seekhne me 1 saal lag jaega, that's why you need to get comfortable with it and not a pro
It's my personal opinion i am not a big fan of code with harry the only reason i watch his video is because of the trust that he will not redirect us to a paid course ! The problem is he is not concise he will have compile errors just like us beginners those error doesn't help in clearing our understand and above that he will do small things here and there which beginners don't know like how did he close the app and how did he change from js to react js (for emit ) i do easily figure it out but when his problems add with our own problems it's real pain in the ass
Honestly it's not beginniner's friendly , but Harry sir you are my inspiration 😘
yeah broh I don't know why harry bahiya isn't making videos like before i.e. beginner friendly :.(
@@akash- you are right🙁it's hard for me
bahut dimaag khayega ye Complicated se chej hai but agar 1 project me bhi iske sath kam karoge to samjh ane lagega
@@lyricseditorIN Freshers kitne dino me sikh skte h plz bta d3
Isase easy koi tutorial he beginners k liye???
This react course is very helpful, and the way of explaining things is excellent. I got the confidence to learn to react. Thanks a lot!!
Hey Dude.... Just want to let you know that I watched your javascript tutorial video and I can now possibly automate my most of the task in my browser. I simply run a script and then I go to sleep... and when I woke up all the iterative tasks are done. Thanks Bro for that amazing tutorial...
For example howww
Thank You bhaiya Its a wonderful crash course.
WANT A FULL COURSE ON REACT 🔥🔥🔥
Just for an Update. If u are facing issues regarding the switch statement in react-router make sure u change all the "Switch" to "Routes".. this is an update in the react-router-dom v6
any other changes??
doesn't works
@@ninadsaner3225 yep
@@atharvtambekar8733 you got to use router, routes and route system as per the updates
doesnot works if any other solution pls provide,
Now I'm watching python in one video of 15 hours. After completing it i will definitely start react.😊😊. Thank you Harry bhai for providing such valuable content for free🤗🤗🤗
Bhai kitni programing aati h itni knowledge .. hai bro tume to. .. heads off to you bro 👍👍👍 and thank you for helping us .. ❤️❤️🔥🎉🎉🎉🎉
Wo IITian hai yaar
@@shubhamjain5353 Nasha m ho iit wala free m kabhi nhi denga ek iit wala Dekha do
@@ompandey4595 jaake Harry bhai ka insta bio check karo
@@ompandey4595 he is from IIT Kharagpur. ❤
@@niladriroy1665 he is from jalpaiguri clg
The shortcut used here 22:36 for emmet was (Ctrl+K and then M )....
I was looking for the same
Thanks man
thanks bro!!
it doesnt working
thanks bro!
Thanks bro....i was looking for it
when u said the ans of why u install vscode all the time ..that was great sir!!!u think about people who are watching your video!!
Just the right tutorial that I was looking for. Actually, I'm working on my college project for which I need to learn to react. Thanks harry Bhai for the wonderful tutorial.
What is your project
You are helping a lot for millions of youngsters like me.Thank you Harrry Bhhai !
Please please bring flutter tutorial. Those who wish harry to upload flutter series like it so that he notices our request.
This react course is extremely helpful in revising all the react concepts in a short span of 2 hours. Thank you for creating this.
Abhi 30 mins pehle hi, I was thinking to learn React and then favorite TH-camr uploads this video!✨ Love you Harry Bhaiya, thank you so much!💖🙏
Same....but I was thinking for last whole week😁
@@yashmundankar24 And it is hereee!😊
I think Harry bhai is busy in making a complete course for next video😁😁
I never thought that you, i.e., CodeWithHarry would post video on React or something like that advance. But react isn't that short. Your video is only of 2 Hours. I don't think that React, containing components, props, hooks, etc. would be covered only in 2 hours as I have already have learnt react for almost 1 month.
Then also, Harry apna bhai hai. Sari videos dekhunga inc. this video also :).
thanks harry bhai aapne shift + right click ka shortcut bhot accha bataya hai . isse mujhe bhot help milti hai windows 11 me ........
I learnt jquery last year but React seems much better than it so I am updating my experience through React js....🤩
Sir I Thought That React Js Is Such A Headache To Run And Build Projects But After Wacthing Your video I Find React js very simple...
Thanks Sir For Making Every Complex Things Simple...
May God Bless You......
Keep Movtivating Like This To Every Student...
Thankx
I used to watch other videos of him at 1.25-1.5 but this video made me keep the playback speed at 0.75. And it was an amazing experience at 0.75 too.
i watch this video at 1.75x
@@divashgupta5871 Sounds good! don't you feel like Eminem's lite version in Hindi?
@@s.prabin 🤣
@@divashgupta5871 I always watch at 2x speed
Thanks Harry bhai for the tutorial
Hello all, instead of use below
I'm getting error addtodo is not a function, can you please suggest something
I've been waiting for this react tutorial for a long time .... please make more videos on react ...you are one of the best teacher on youtube someone could ever find
❤️CodeWithHarry.
I know react but then also i am watching this video, because if this is harry bhai's video then i am gonna learn something new for sure.
❤️❤️
Many Students are waiting for this video 🤩
Were*
@@arshdeepsinghdua1308 😂👌
@@arshdeepsinghdua1308 On YT 😅
1:17:00 Guys, if your React application is reloading after it is deleted and again rendered in the DOM, you have to prevent the default reload behavior by using the preventDefault() method!
onClick={
(event) => {
event.preventDefault();
//Deleting Logic with onDelete Function
}
I've spent quite some time on this, I hope if it happens for you, you won't have to spend that much time!❤
I thought React is difficult and weird. Even, I didn't know JavaScript as I did not explore such lecture. Love you Harry bhai!!!😍😍😍
Yeah 🔥🔥🔥🔥. I was waiting for it so badly.
But Harry bhai please REACT par Full detailed Course banao, please please please ....🙏🏻❤️❤️❤️😀
Don't skip add this is the way we can support our Harry sir
what if we use youtube premium bro?
@@jatingupta4026 paisa barbaad **
Yesss
Laughs in premium
@Glizzster 多
No matter skip or not google adsence pay our hero
Almost 1nd1/2 hr ago I was searching for react tutorial by Code with Harry.. it was not there.. I started to watch others video..😅 .. But you have upload video today wow That's amazing.. I'm fortunate enough 😁 now I'm gonna delete all those downloaded video nd start to watch yours.. Thank sir😁
I am new in coding so if i want to start from the beginning which language should i go gor . Is python is good to learn coding bcz i am not from computer branch i am from Electronics branch plz help
@@fahaadkhan9058 python will be a good start
The best part of this tutorial is => first of all it's all about the desi language which is love and second, he makes mistakes while coding which is the great part because that's what I was searching for in a tutorial. I don't think everyone will agree, but the more mistakes you make while coding or making any project, the more you get to learn and understand way better than the ones who do not make any.
at 12:04 what did he do im unable to open read me file
Thanks harry bhai, I find this is best coding channel in utube explaining everything in details. I had started again coding and front end development after 2 years of gap, and learnt django, python from ur channel. I am very much thankful to u bro...
I will be taking sessions from u and will recommend other also to follow u. I wish more such courses to come from u. my Best wishes to u, and stay safe in Corona!
I was just wishing, if Harry had made a video on react so i can easily learn. and here we are.....i think he has some magical power. I am atheist but now for me he is my god. One day I'll payback for all of this ❤️🙏
Right ✅
@@dipsundarjana2905 i also thinking when angular comes
@@webgyan3627 angular video he released 4 days ago
Ek baat mujhe poochni thi 2 ghante ki video kya kaam ki hoti hai ??
I mean TH-cam pe react ke 10 hours ki videos bhi hai toh kya achha hai ?
One of my favorite notification is : code with harry uploaded new video😅
Thank you Harry Bhai, one of the best React tutorial on youtube
He is the only person who has replaced the work of all computer professors 🤩😎😎😎
No bro there any many on youtube ❤️
Can u tell some of them??
Sir Abdul Bari the legend
Hitesh chowdhary,telusko,brad traversy
My fav Mosh 🔥
2:04:33 switch needs to be changed into and after path="/" in need to use element={
} than return and element={} after path= "/about" and no need to write exact
you need to change import as well from switch to Routes
Though I'm not sure its the right way , but
you need to delete setTitle and setDesc in AddTodo.js on line 14 and 15 because of some error and I'm tired so I did'nt bother fixing it
bro i am facing the same problem can u tell me the code for solution
Thank you so much bro you are a lifesaver :) been trying to resolve this for hours finally got the solution, Thanks again!
thank you so much bro. i have been facing this issue for a long time. now, it is resolved.
someone got the code solution????
Thanks a lot bro
this person is hacker. how he actually knows i'm eating something while watching 1:07:56 . and Harry said stop. 😂 awesome video with great tutor . :)
Same wd me 😂😂
Awesome Video, Explained in detail and I have even started building todo application,
Now I will integrate it with the front end
Thank you so much for this video. Definitely helped me get started with React. Lots of love and appreciation.
My recommendations :
1. Things really started going over my head in the last 1/5th of the video cuz of similar names... todo...todos.. todolist and stuff and what function is doing what.
2. It will be really helpful if you would have explained the entire flow of this react app in the end, i.e. from the starting of this app to adding and deleting any todo. This will be helpful in summarizing how each code you wrote finally worked in this app. (Ps. I'm confused about what will be the flow of those function calls.)
Same
You should watch Coder's gyan React course and then come to Harry bhai's course you will have crystal clear idea👍
true
This course is very essential now a days, and your way of teaching is terrific! ...
Sir plzz complete the DSA playlist. Bcz Placement is very close.
He has forgot that,there was a series of him😑
bni pdi h bhai jaake dkh
Yes please 😭😭
Follow love babbar channel specially for DSA.
@@RAHULROY-sb9nt no follow freecodecamp bro its best after cwh
Harry my man! I can say million words but the best way to express is "God Bless you man!"
So, can we expect a playlist as well soon???
Must say the project was really very cool...
But waiting for react tutorial playlist.
Bcoz it was not sufficient in learning react properly.
Like other playlists 😇😇😇
Harry make a series on Django Rest Framework Tutorial and integrating React with Django!!!! A large project like e-commerce or like tinder app.
Alt + Shift+ F - formatting , Nice explanation
Finally Finally!!!!!! After a lots of patience 😭😭😭 I'm so happy today can't control my emotions. You are great Harry bro...! React is my favorite framework people are charging to teach this frame work but u are giving it for free keep it up we all appreciate your hard work❤❤❤
भाई ज्यादा जज्बाती ना हो रिएक्ट फ्रेमवर्क नहीं एक लाइब्रेरी hai.
@@amangupta4648 framework and library are the same thing plzz ensure that whatever you are sending is correct
@@TechnicalAnkesh bohot bade coder banoge🤣🤣🤙
Thanks, Harry!!!! You are really amazing and your tutorials are fun. I was really frustrated in learning React but now you made learning interesting. :D
this tutorial is the toughest to understand among all your lectures that i took
please make reactjs more easy
One point should be noted:
use the instead of and
import statement should be:
import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
at 12:04 what did he do im unable to open read me file
Woo Yeah Baby! That's What I've Been Waiting For
You are a savior! I just started learning react and was totally intimidated by it. This tutorial made things easy for me. 👍🏻
I am also making video tutorials on programming but i dont have any support please support me guys so that i can continue teaching . I really need your support guys
Thank you so much in advance :)
Omg.. I was waiting for this React tutorial. Your teaching is so simple..
Thanks Harry Bhi! ❤
Thanks ....... , for those who is watching in 2022 if you are using react-router-dom v6 then you have to use "Routes" for routing instead of "Switch" .
Usually I see these videos on 1.5x , not this one 😂
Amazing video Harry !
For them who are watching in 2022 just like me, the react-router-dom has been changed a bit in version 6 and version 5 appears to be first in google and that doesn't work in version 6 which you would install..
And along with the title, sno can also be rendered which would be a add on feature.. and sno can be updated with a piece of code when todo is deleted.
This video cleared doubts I had for more than a couple of months in just two hours. Amazing teaching buddy. Truly grateful.
Kya doubts the?
You are the best on youtube sir , love your tutorials...
Bro the CSS tips that you give in between are highly beneficial !
please web automation using python par video banao.
harry: teaches every programming language
public: yaar ye karta kese hai?
Pahle kiya ho koi kaam to dobara karne me mushkil nahi hota aur ye harry bhai ki practice hai
he is not from this time he is from future
Thanks Harry Sir, I find this is best coding channel in TH-cam
Please sir
React + react router + firebase
pe complete playlist bnaye.
compmete mern stack.
Most demond and we did not find relevent course.
How is agree with me???
Agreed!
Agrred
Agreed
Agreed bro
Also agreed
harry bhai please make a complete video of your learning journey how you learned what your learned and when from starting to end.
Those who agree with me like this comment and comment yess so that harry bhai can notice this.
you're best and improving your way of teaching day by day more perfect thank you harry sir.
I was think before seeing your video, Is that possible to explain technical subject into the local language ??? But After seeing you, If the teacher as like you than nothing is impossible. I was tried to find good teacher online but today I finally found one of the best. Appreciate your effort Sir. Thank you so much for explaining tough subject in simple ways. Thank you Thank You Thank You So much.🙂🙃🙂
00:04 React is a JavaScript framework for building single page applications.
02:10 React tutorial in Hindi covering prop passing and router installation
06:06 Learn how to create a React app and open the terminal
08:06 JavaScript Applications can be built outside the browser using NPX Audio MP3 and Note package
12:13 Learn React in Hindi with this tutorial
14:16 Learn about single page applications in React.
18:10 Understanding the functionality of a JavaScript file and different types of dynamic content injection into the root.
20:07 Different types of cracked websites and how to customize them
23:44 Styling in React is done using CSS and JavaScript
25:40 Bootstrap is a CSS framework used to create designs.
29:32 Implement optimized JavaScript applications using React
31:31 Creating a to-do list and component in React
35:20 Creating and importing components in React
37:25 React Tutorial in Hindi 🔥🔥
41:48 Import 'cost-to' and understand its usage
43:41 Creating and using components in React
47:13 Types of sentences used frequently in React
49:06 Understanding the importance of passing and working with strings and prototypes.
52:40 Creating a search bar and its implementation
54:31 Creating a to-do list in React using JavaScript
58:35 Writing and importing to-do items in React
1:00:54 Adding buttons and organizing tasks in React app
1:04:51 In this video, the instructor discusses a React tutorial and demonstrates some coding examples.
1:06:37 Understanding the usage and options in the React tutorial.
1:10:24 Learn how to handle unique keys in React
1:12:12 Call the function for rendering
1:16:00 Passing tools in seconds and minutes
1:18:03 React tutorial in Hindi with focus on displaying tools and troubleshooting
1:22:03 Learn how to add style using JavaScript
1:23:58 React Tutorial in Hindi
1:28:02 React JavaScript has threading and is recommended for creating the necessary body.
1:30:14 Learn how to create a to-do list in React
1:34:33 Introduction to DSC and JavaScript course admissions
1:36:43 The video discusses various topics related to React tutorial in Hindi.
1:41:17 Updating positions and fixing relative positioning in a shopping app video
1:43:32 Understanding CSS positioning and styling
1:47:46 Implementing a switch statement in React for conditional rendering.
1:49:58 Local storage data in React Tutorial in Hindi
1:54:28 Using the useEffect hook in React to handle state changes
1:56:22 The video discusses various topics related to React tutorials in Hindi.
2:00:23 Understanding router and browser routers in React
2:02:18 Passing attributes and returning values in React functions.
2:06:21 React Router is a powerful tool for routing in React applications.
2:08:08 Tutorial covers debugging and production setup
2:11:57 React tutorial in Hindi
Harry, I think you need to revisit the code. switch is replaced by routes in router dom.
Every coder can relate to the emotions of "Dekh rhe ho" at 1:42:18 . Thank you very much Harry brother! Epic Video!!!
Complete dekha?
@@kashmirtechtv2948 yes
@@_Dhruv-nj8dk yrr lkn harry bhai kaam kia ja r hn.. Reason ni bta rye. Bss error aya, sort out kea or agy chl diay
@@_Dhruv-nj8dk koee or behtar channel youtube p ya ksi or platform p jo sirf React p e kaam krta ho. Actually Hary bhai n bht c technologies p hath rkha hua😅
@@kashmirtechtv2948 no bro I don't know. Me Harry Bhai ki hi videos dekhta hu mostly.
No one can explain in such a wonderful way thanks a million times harry bhaiya❣️❣️😊
Sir the course was fabulous. Please bring a MERN tutorial also with project development using MERN.
I can't thank you as no word could express my gratitude..
00:00 Introduction
03:45 Node JS & NPM
07:18 Creat React App [NPM ans NPX]
11:19 After Installed React app
13:44 Let's Creat First React App and Analysis How code works ctrl K M
33:44 ES7 React
After buying course from udemy one thing is missing harry bhai so i come here Love uh harry sir Great Respect♥
Seriously Harry Sir, you nailed it. I just watched only 24mins of video even I have gone through same steps from official react website. But, like spending these 24mins worth. The way you explained every core of that🔥🎉🙏❤️Please keep adding videos for us. Thank you !! And can you please let me know how that video you have recorded with your face in round box on same screen?? That would be really great.
you should complete these tutorials
Great video! Please make a whole course either on angular or react.
At 30:00 Logo of Java is shown as Javascript. Btw, great lecture❤️
Congratulations New React App👏👏
Now a playlist on React please, becos react is actually a very big thing
Harry sir , please when you make video make sure that it's in zooming or not
So that it will be clearly visible to all
Rest your teaching is fantastic 😊
Watch it on tv 😂
use 1080, video is fine
Can we add time line in your videos?
That would be more beneficial for us.
Harry bro is a so talent TH-camr .
One of the best help ful you tuber in my daily to daily life. Harry bro always help ful for me ❤️❤️