React JS Tutorial in Hindi | React Tutorial for Beginners in Hindi | React js Full Course | Project 

Please add following to description of this video (or please highlight this comment): - Priyanka S created Quick Reference Guide: - 24:24 var has variable declaration scope within function and let has variable declaration scope within block. So, a variable declared with var is defined globally across the program, while not when using let. 35:53 does install of Node Js provide functionality of live server? 37:57 renaming of import variable 39:54 import using * 40:27 importing something from default export 41:11 renaming of import variable after default export 51:51 console output does not have buy function but, 52:10 console output has a buy function 57:22 rest operator 52:52 spread operator 1:02:42 Array Destructuring 1:05:00 Object Destructuring 1:06:00 primitive type variables vs reference type variables 1:11:21 What is best correct way to make changes into (or update) a copy (or clone) of any Object? 1:14:20 map function 1:15:00 conversion into arrow function 1:18:00 filter function 1:24:24 definition of component 1:33:00 how to make react based website 2:07:14 noscript tag 2:08:08 div with id root 2:09:19 Ctrl+U = Source Code of Browser 2:12:02 src folder 2:19:00 ReactDOM 3:12:30 React Project Start 3:18:38 single div tag 3:21:41 className (in camel case) 3:27:00 Passing data via “props” in React 3:37:37 toISOString function used with date object 3:41:35 toLocaleString function used with date object 3:43:23 reusability of component by passing different values of props using an Array containing Objects (keys and its values) 3:48:48 every component "return" something 3:57:37 correction of css entry 4:01:46 pass entire Object as Prop 4:04:24 use of nested components 4:10:04 example of small component created using a function and something to return 4:12:12 error handling in nested components 4:14:14 props dot children 4:16:00 props dot className 4:22:02 would multiple imports increase processing load on processor significantly? 4:27:27 conversion into arrow function 4:41:11 useState hook 4:44:55 de-structuring of array for useState hook 4:54:44 default value of useState 5:00:15 additional event handler onChange required with input tag, in order to update value within useState hook 5:02:02 event target value 5:02:45 three steps 5:24:00 Form created 5:31:49 function to change value within useState 5:37:00 stop page refresh 5:39:39 convert string format of date into object format 5:44:00 set value by useState to blank 5:48:30 send data from child to parent using props 5:57:37 send data from child to parent using props (summary) 1 create a function in parent component and receiver_param_as_object 2 In return from Parent Component, we pass aforesaid function as props_value in JSX in child component 3 in child component we use props_key as function and pass sender_param_as_object 4 sender_param_as_object from child component is received by receiver_param_as_object in parent component 6:10:50 conversion of Array into Map function 6:15:00 wherever three dots as prefix to second element of array are used, it means that second element is appended after first element 6:18:11 backend language 6:33:00 fetch 6:44:11 why useEffect is used? 6:48:18 how useEffect is used? 6:52:25 conversion of date string into date object 6:54:24 Each child in a list should have unique "key" prop 6:57:37 how to post data via api 7:04:00 auto refresh after post 7:40:00 add bootstrap 7:59:09 BrowserRouter 8:05:20 Routes

Vishwajeet I'm preferring your video courses FIRST instead of UDEMY! Your course has desi feeling. NodeJS ka course bhi agar aap bana dete toh jaata toh maza aa jata! Seedhe FULL STACK DEVELOPER COURSE! Thank YOU!!

I've fallen in love with your way of teaching.❤️ I hated CSS before watching your amazing 9hr CSS tutorial. We truly appreciate your sincere efforts to simplify complex topics. Keep up the great content. 🙂👍

i am shocked how honest you are ....... the way you are explaining koi paise deke bhi nhi seekh skta aisa na koi sikhata aise .. for me you are lord ..

Let's not skip adds for this video guys. 8Hrs video is not an easy job. Thanks for doing this bro :).

Didn't get bored even for a second with this lengthy video! Credit goes to: - Good presentation - Conceptual understanding - Step by step approach /* Happy coding */

I saw so many videos. They started from react but they went to states the next minute. No one explained the basics as you did and you actually put more stress on the concept building and bird's eye view of the React library. Thank you so much for your efforts. Currently at 3:12:50 and going ahead. Also this is the most interesting course I have seen. Kudos and more power to you man. bole to puri desi waali feeling aagyi!

Your react tutorial is awesome. I have completed your 8hrs tutorial without having any trouble. you have simplified react like child's play..wow...I am watching your javascript and css tutorial. Great work bro...keep doing and creating tutorials. i am expecting some best projects on reacts from you. Thanks

Unbelievable teaching sir..... Any Non IT student will be easily learn from this video.... I appreciate your efforts.... And I have suggested this react course to my friends... Thank you so much ... Keep doing!!! 🤩🤩🤩

i try 2 days to understand only intro of react but i can not understand it ,i see more than 10+ videos and read multiple articles . when i come here then i understand everything thank u sir ❤❤

Best video on internet learned ES6 in much faster way and easiest way. I have watched so many videos but not able to understand ES6 and react this good. Respect 👍🏻

I have learned alot of things from you , kindly make videos on Node, Express and Mongodb Big request for this sir 💯💯

completed 3 hours in a single sitting , best videos so far in youtube ||| Durga sir for Java and u for React best teachers.

I cannot explain how much clear way he has used to explain such a problematic language react for me. Many things were just out of mind before watching this video. I really appreciate and pray for this bro. He has proved himself an amazing and best mentor. Thank you 💓💓

Yr ye kia kmal bnda h boht acha smjata h mjy react ki kahyn se b smj ni a ri thi us bndy ny SB A to Z clear kr dia 😘😘😘😘😍😍😍😍

The best video on youtube for beginners who have a very basic knowledg on html,css,js. After watching almost all the videos on youtube I had found this channel. Thank you so much sir for your valuable content.🙏

24:24 var has variable declaration scope within function and let has variable declaration scope within block. So, a variable declared with var is defined globally across the program, while not when using let.

Bhai. Allah aapko aur tarraki de. U made everything so easy. I was just scrolling but I saw 10 mins then half of the video I saw without skipping anything

oh boy ! it was a really a great n well informed and instrcuted tute! Please take full advantage of this video! You will be very happy how much you will learn! I know I have learnt my fundamentals from this video! Thanks a lot ! It is really helpful .

Was very afraid of React, this video gave me lot of clarity on basic concepts and confidence enough to go and learn React projects.

Tech Gun is really very underrated channel.. we need to make him famous. Really the way he teaches is crystal clear. Thank you sir!

great teaching sir, i have visited your channel first time and now become your fan . because you you are teaching in that way which student/fresher can learn, this is the beauty of your teaching . love you and god bless you sir .

Excellent video for beginners!!! I have completed this video and feeding a kind review as below: Pros: 1. Excellent video for beginners. 2. Preparing before start the topic was very good way of consuming things. 3. Clear sound with proper rythm of explanation was awesome. 4. Covered every small things by repeating topics. 5. Made so easy that any layman can understand the framework. 6. Made topic clear by explaining part by part. Cons: 1. Explained very basic but essential things. 2. Only by viewing this video is not enough for making complete frontend app. 3. Before start this video, one should have good knowledge of HTML, CSS, and modern JavaScript. 4. Better would be, if connected to real world examples. 5. Better if this video would be connected to second part with advanced topics with real world project. Overall very good video to understand better. Thanking You

5:00:15 additional event handler onChange required with input tag, in order to update value within useState hook

Honestly, this is one of the best React JS tutorial out there. I wish I had discovered this tutorial earlier. Wouldn't have wasted few months jumping here and there. Thanks a lot brother

Hello sir... Bhot achha samjhaya aapne sab kuch bhot achhe se samajh aya ...ek bar me hi sare doubts clear ho gye jo abi tak or kisi lacture se etne achhe se huye nhi the ..... Aapki teaching teachnique awsome he.... Jese aap react ka lacture banaya same wese hi node js express mongodb par bhi le aaiye plsss..... Or ek full MERN Stack ka project bhi karwa dijiye ..... Plsss

Wow sir kya gajab samjhate ho sir ,aap student ke language me hi samjhate ho, so thank u so much sir , and sir please part 2 please please sir 🙏🏻

Hello Vishwajeet Sir, Maine aapka html, css, bootstrap, javascript, reactjs, tools & tips wala Sara video dekh liya, aapne bahut acche se samjhaya hai, maine aur bhi kai logo ke video dekhi hai par aapka tutorial mujhe sabse jyada pasand aaya. CSS main sirf grid Wale main thodi Kami lagi, Aur JS main kuch topic chut gaye hai jaise ki 'ajax, async, await, error-handling, fetch, generators, iterators, promise, Symbol ' please inpe video banaiye na, kyuki aapki video dekhne ke baad kisi aur ka tutorial pasand nahi aata hai. And last kya is tutorial main react ke sare topic cover ho gaye hai, agar nahi to please complete kardegiye. Thank you ❣️

Hi tech gun, initial you taught us very depth concept in CSS but from javascript series to react series all videos are beginner level only. We need more depth concept video like promise, closure and redux, context api, HOC, optimization. Please request you to make video because your teaching help us to get confidence.

. Aap chaa gye.. 😻😻😻😻😻😻😻... Premium lekr dekh liya... Sb bekar h..apke.. Course ke samne.. Hats off.. Apko. Keep creating.. These..courses.. Feel toa aesa aaraha jaise koi apna bara bhai padha raha ho..!!

Just completed whole tutorial, did coding along with you. I've never completed such long tutorials ever before, but the way you made it, I didn't get bored for a minute. Your teaching style is like a close friend is explaining something. Hats off for efforts. Hoping to see more tutorials like this soon. Please continue this Expense tracker project with Mongo DB and Node/Express.

5:57:37 send data from child to parent using props (summary) 1 create a function in parent component and receiver_param_as_object 2 In return from Parent Component, we pass aforesaid function as props_value in JSX in child component 3 in child component we use props_key as function and pass sender_param_as_object 4 sender_param_as_object from child component is received by receiver_param_as_object in parent component

This course is completely beginners friendly and the best one in RU-vid community The only thing where I faced problem was 6:32 the api url didn't work.

Just finished my ES6 revision. This is how you build a strong foundation for students and then delve deep into the topic to ensure they never lose motivation. One of the best videos I've found so far for beginners learning React.

This is super vedio for react tutoriyal easy way to leaaning very very usefull vedio thank you tech gun

yar me udemy ka course dekh rha tha maximilan schaweler ka, mujhe uski smjh ni arhi thi 3 ghnte bad or wo bhi yehi same project krrha tha , ab mene youtube pe aa ke kaha tech gun ke pas chalo or ab idr dekh rha hun ke same to same wohi project same interface k sath ap krwa rhe hen thanks bro tech gun god bless you

Earlier i used to add all the css in index.css,, and this also worked for me in most of the cases... mujhe yeh malum nahi tha ki har component ke liye alag css file banana chahiye ,, but now i understood .. thank you..

I have completed html css javascript through your videos but i getting problem making project by javascript but i am starting learn react js after learning And again practice of all .i will find job

Thanks bro. This video tutorial is very helpful for me. I had to quickly switch on React and your way of demonstration is awesome. I just watched your only one video and I created react application. Many many thanks.👍🤝

Hello sir, this is my first video from your channel aur aapne Itna smooth aur bahut hi badiya tarah se beginner ka course banaya hai , Dil se thanks a lot . Aisa lag raha tha ki koi dost padha raha hai pura dimag me chap gaya

You are an Amazing Teacher Mr. Vishvajit. What a passion to teach such types of tutorials in an easy way. Thank you very much.

Really great sir, mene course purchase kr rkha hai lakin fir bhe pdna aapke video se he pd rha hai

I have seen many REACT JS Course but this one TOPS the all. Best course ever on RU-vid. Hats Off your effort for creating the course for us. I enjoyed it so much and did not want it to finish. Honestly, I do not think I need to watch any other REACT JS course now. May God Bless you for teaching us.🤗🤗 SUBSCRIBED TOO 🙂

One of the best video on RU-vid for react tutorial ,must watch guys 🎉

Best Tutorial I've Ever Watched. Finally Understood React. Thanks a lot Techgun. ❤️

Super boss 🙌 👌👌👌 Kaya explain Kiya he pese dekar bhi itna accha samj ni aya ...maja aa gya ....boss ...yrr apki voice Kamal ki he ap to filmo me dubbing bhi kar sakte ho south actor ki 👌👌👌👌👌..

Sir aapne bht To the point or well explained video bnaya h. Thankyou so much and hope ur channel get million subs soon🙏🙏.

Itna accha content...Bina comment kiye rha nhi gya...... Thank youu sirrrrrr

is course ke liye jitni tarif ki jaye kam he har ek conept par dilse dua nikal rahi he vishwajeet sir me apse milna chahta hun milkar thanks kehna chahta hun love you sir apka shukar ada karne ke liye words kam pad jayenge...

Now I am on 3:58:00, it's so smooth till now. I'm enjoying and doing practice with the instructor. My thinking in react is increasing. I hope I can complete the rest of this course within 10-15 days...And obviously I'll update you guys after the finish the course...today is 12.11.2022

Thank you!! One of the best tutorials on the internet.🤩 I would recommend your videos before any paid course for react js

the best react tutorial so far, apne akdam a6ese basics samjhaya thank u

I watch 8 hours and 9 minutes and 30 seconds, I learn basics with great guidance on each concept. Thank u very Much Sir G! from Pakistan

Handle input it's hard to got it but finally I repeat it 3 times now available to understand your effort such make me to do hardwork seriously I'm watching it 3 A.M what a peice I felt it to understand Thanks to make easy ❤❤❤

Thank you so much sir..... I was not able to install the react app I was trying from last two days... Watched many videos..... But after watching this I have install the app in first go...... Again thanks sir

3:43:23 reusability of component by passing different values of props using an Array containing Objects (keys and its values)

It is wonderful training since I start web programming thank you for all our efforts. Can you provide Node.JS training too?

Bahut achha lgta hai sir aapke course me .. mera favourite hai aapki simple language teaching..

This is the Best Video for ABSOLUTE BEGINNERS you revised all my Javascript concepts

bhai jo ho aap ho mene itne channel visit kiye react k liya lakin jo aap ne samjaya ..thanku its totally insane ...itna kese ker lete ho bhai ..lakin tum awesome ho yarr ish sai jyda kya he bolu plz bhai asa he late rho yarrr cources .....mai ne jaa ra ab ish channel sai ab khi

best react js video on youtube !

Esa samjhane ka tarika maine aaj tak nahi dekha Thanku so much sir aapse bahut help mili h mujhe thank you again sir ji.

I would highly recoomend to watch this react tutorial till the end. Never seen any better explanantion than that. Thanks a lot!

Watched many videos for beginners but this video is best

Apki bhasha bahut sundar aur saaf hai jisse samjhne mei bahut aasani hoti hai 😊

Bhaiya apke padane ka tarika acha lga. Complex chijo ko app bahut hi simple way me samja deta hai

I have javascript from your video i am making projects doing lot of practice i am going to learn react through your video i'll join as software developer if I could get next year till Feb I would edit this comment by coming next year thankx u for teaching

,thank you sir 🙏 recently i completed javascript and now I can easily go for react

6:15:00 wherever three dots as prefix to second element of array are used, it means that second element is appended after first element

Actually I am in first time in in front end , I knew very few basic concepts html,css,js but now I am following this video it make me sense!!! I am fully enjoying this course, Hey viswajit your teaching way is awesome !!!! due to that ES6 refresher right now I am confident to learn ReactJs I'am sure I'll complete this course complete and this will help me defnitely because of you sir THANK-YOU so much, SUCH WONDERFULL VIDEO MAKING IN Free of cost!!!!!

Wa Ustad wa ............. bhut friendly Teach karte hain.........👍👍

Pure gold hai guys loot lo ❤

Hello Vishwajeet This is Yatin and I would like to learn ReactJS from the beginning so, please let me know if you are willing to take some online classes. I would like to join your class.

This guy's way of explanation is absolutely underrated! Hats off bro! 🫡🫡🫡🫡 It's been right now 2:10 AM in night and 3hrs out of 8 hrs passed so quickly . Gonna continue the next day now ! Thanks bro !

first time i regret of why youtube provide only 1 like for one video,,, amazing knowledge with full clearity

Ap bohat Clear simple or deeply sumjhatay ho Bohat alaaa sir ❤❤❤

sir ap jo padhate hai, aur samjhate hai short and deeply, lajawaab !!!! acha channel se samjh nh aaya ab tak.

One of the best teacher in RU-vid. I am learning your tutorial still now and i will.... Great Thanks 💫

Nice tutorial, After watching it i tried the same example which you have done in this video, but with Table. Now i am stuck at adding new row data on button click. Till now only single row data is getting updated , new row data is not getting append.

Thank you so much sir you should be proud that many people are dreaming to become developer by only watching your tutorial , I am commerce student and i wanted to be developer and by watching your videos I have learnt many things thank u so much again....

just fabulous i bought this same course from udemy and had a hard time comprehending child to parent data transfer concept but watching your video helped the topic sink in .

one of the best video i have ever seen yet cleared all my concepts from basics and i was also able to make a miniproject using react thnx to you!!!🙏 hope to see more videos

sir aa;p ke samjhane ka tarika bahut hi barik hai, aapko charan sparsh pranam

One thing I have to say you are an Outstanding teacher... Please also make Lectures on Redux in Reactjs

Aap bahut ache vykati ho vishwajeet ji niranyar ache karya karte jae bahut bahut abhar

Best explanation ever. Thankyou so much.

i have cleared my lots of doubt.

Thnku so much you really have big favor on me i've learnt Java as i am gonna finish react.js I'll keep participating through your video may i am also gonna be developer thnku so much

. Redux • Hooks • Payment Integrations • Understanding of Location Services • Push Notifications • Familiarity With REST APIs please make videos on above mentioned skill from basic to professional level.

Kal Eid he mere abbu g ne mujhe 100 rupe eidi di to mene vishwajeet sir ko transfer kar diye amount bohot hi kam he lekin jab meri placement lag jayegi me sir ko support karunga ye hamare asli teacher he ❤️❤️❤️ love you sir.... love from Delhi Itne dedicated teacher badi mushkil se milte he hats of sir...

bhaiyaa please backend k liye bhi series bnaa dijiye ..apka samjhaya hua ektm cristl clr ho jata hai.. please please please ..agar koi paid course kahi bhi apne padhaya ho to vo bhi bta dijiye

Sir big fan may app hi se sabu Sikh ta hu pehele html then css uske bad Java script or abhi react kese Etna acha padha lete he RU-vid may apke tarha core concept ke upar focus kar ke koi nahi padhata app starting Jo ham soch re he usko app hi bata dete he big fan sir love from odisha

I am completed your html,css,javascript

Thank you very much for this course. Very well explained. 👍🏻

I just don't wanna take much time but just want to say Vishwajeet.. "You are a Magic". Wish if I could meet you in person!!! Great course buddy ❤

thanks for the easy video and i saw you started somewhat in sept and finished in dec. I can see that you used almost the same tutorial from max from udemy but its too much helpful.

great sir its really help full for me because every doute clear now which i am in stuck thank you.................................

Html css, js, react i learn all off these from u.. Now i am larning dsa &c++.. 😊

I have seen many courses on react but your course was amazing. After watching this course I don't have any doubt.

priceless content .every second was worth watching. Hope you will make more such contents 👏👏👏👏👏👏👏👏👏👏👏