🎯 React Tutorial in Hindi for Beginners | Complete React JS Tutorial with Project | 2023 Best Course

Hosting Link and coupon code
-----------------------------------------------------
Hosting link: www.hostinger.in/techgun
Coupon code: TECHGUN
-----------------------------------------------------
React Project Link: github.com/TechGun/React-Expe...
#React #Tutorial #Hindi
Welcome to React Tutorial. This course will teach you all you need to know to work with React.
React (also known as React.js or ReactJS) is a free and open-source front-end JavaScript library for building user interfaces or UI components. React can be used as a base in the development of single-page or mobile applications or multi page website.
Learn modern React from scratch, and practice in an intuitive environment.
React Tutorial is suitable for developers with JavaScript experience. Not comfortable with JavaScript? Check out My JavaScript Videos.
ReactJs Complete Course: In this complete react tutorial for beginners in Hindi Tutorial, We will learn why we use react and how React js can be used to build amazing Single page applications and multiple page website with react.
Complete React JS Tutorial for Beginners In Hindi. Learn Complete React with Projects from Basic to Advanced in Hindi. Best ReactJS Tutorial on KZbin.
------------- Timeline ---------------
TABLE OF CONTENT
00:00:00 Introduction to React js
00:18:15 ES6 Refresher
01:21:45 Components in React
01:33:21 How to install React
01:54:10 React File Structure
02:34:48 How to create component in react
03:12:30 React Project Start
03:24:45 Passing data via “props” in React
03:50:24 Multiple Component in React
03:57:55 Nested Components in React
04:31:01 State in React
04:50:55 Handle Input in React
05:10:32 Adding Form in React
05:24:26 Multiple States in React
05:35:00 Two-way Binding in React
05:45:09 Send Data to Parent Component
06:05:39 Rendering List in React
06:16:54 How to get data from API in react
06:32:07 API GET Request in react
06:42:52 React Use Effect Hook
06:54:05 API POST Data in React js
07:07:13 How To Host/Deploy React JS Website to Shared Hosting
07:33:28 How to use Bootstrap in react website
07:54:40 React Router (Multi page React website in React)
------------------------------------------------------------------------
Important Tutorial Links
HTML Tutorial: • HTML Tutorial in Hindi...
CSS Tutorial: • CSS Tutorial in Hindi ...
Tips for Developer: • 🎯Tips and Tools for Fr...
HTML and CSS Project: • How to make a website ...
Hosting Website: • 🎯[ 2023 ]Hosting Tutor...
JavaScript Tutorial: • 🎯 Complete JavaScript ...
Bootstrap Tutorial: • Bootstrap Tutorial in ...
jQuery Tutorial: • 🎯jQuery Tutorial For B...
WordPress Tutorial: • Video
Photoshop Tutorial: • Video
Please subscribe to watch more videos like this: / @techgun

[@prisinha]

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

[@mdimtajsk29]

Is this a beginner to advanced course

[@khushalsinghsaini805]

thanks

[@prisinha]

7:43:23 select same keywords in VS Code using Ctrl D

[@prisinha]

7:35:25 npx create-react-app latest project-name --use-npm

[@prisinha]

7:39:39 bootstrap has both css and js and both included into index html file

[@Abhishek_Sawant]

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. 🙂👍

[@RohanSingh-wg4mh]

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!!

[@kumarkrishlay1472]

Shi baat bhai.. Node.js pure youtube per kahi acche se explain nahi h..please sir bana do ek

[@adilnaseem7246]

@@kumarkrishlay1472 d

[@harshsingh6451]

@@kumarkrishlay1472 Reach++

[@khatariinsaan5284]

@@kumarkrishlay1472 Watch Thapa technical Node js It might be the best Node js couse in hindi on KZbin I have personally completed You will never Regret !

[@callmeghostgamer]

@@khatariinsaan5284 Haan @thapatechnical video v ache hain 👌

[@vertex_gaming]

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

[@jobhikarbefikarrr7351]

definatelly going to watch adds so that we may contribute some

[@ahadweb3]

click on ads, it gives him ad revenue.

[@akashkumarsingh8369]

But I am using ad blocker ._.

[@cricketanalyst8999]

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 ..

[@Abuzardawar4444]

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 */

[@devshelke1545]

Has he uploaded complete web dev videos?

[@yahyamohsin6550]

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 💓💓

[@Vishal08]

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

[@animeshrose]

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!

[@shubhamshortss]

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

[@innermeditationmusic7887]

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 😘😘😘😘😍😍😍😍

[@sonuprabhakar2357]

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

[@priyabansal9911]

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 👍🏻

[@K.I.N]

. 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..!!

[@tenc6491]

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

[@softmedun6794]

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 🙏🏻

[@singhm4709]

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 .

[@saurabhchandel4131]

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

[@prisinha]

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

[@shashanksingh4968]

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

[@anurag9106]

Hello sir

[@avijitpaul8800]

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.🙏

[@TheAnonymous69]

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

[@aftabahmed4125]

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

[@vikrambais5330]

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..

[@satyanand8156]

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 .

[@prisinha]

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

[@Jai-xq5hi]

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

[@cruxent99]

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

[@FarhanAli-to3ku]

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

[@kepscodefun]

Thank you so much sir, the way you teach is awesome. I just reach the middle of the video but I'm feeling like, on completion of this video I'm able to do coding with react, thanks for enhancing my confidence level for learning react.🤟🤟👌

[@Only-Gaming775]

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

[@Vithal_Nivargi]

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!!!!!

[@budgetarena1984]

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

[@FarmanOfficial777]

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...

[@IndraTags]

This was really too good, I've never watched anyone else taking care of Little things that everyone ignores

[@Thetellerone]

Pure gold hai guys loot lo ❤

[@talibhusain3335]

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

[@akshayn7687]

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!!! 🤩🤩🤩

[@deepakrathi3176]

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.👍🤝

[@sahilkhalani174]

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

[@vaibhav.v6403]

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

[@vinaykumar9688]

One of the best video on KZbin for react tutorial ,must watch guys 🎉

[@snehasarkar5284]

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

[@prisinha]

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

[@shivamgupta5085]

After applying card children ,it lost class Name of expensed_item.. I have seen but I am not fetching any problem

[@FarmanOfficial777]

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...

[@nazrulhassan6310]

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 .

[@atharAkru]

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

[@komalsethi3295]

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

[@viraltrivedi3693]

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

[@mohmadaffanzangejo6441]

Haven't seen such engaging tutorial on KZbin as yet. Amazing.

[@codeved]

I am completed your html,css,javascript

[@roshnirp9696]

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

[@anuppratap208]

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

[@harsimranjitsingh591]

I have seen many REACT JS Course but this one TOPS the all. Best course ever on KZbin. 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 🙂

[@Marvel_Fun86]

Is it better than code with Harry master react ? Pls reply

[@michaelharris1305]

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

[@ruchitjoshi612]

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

[@rajansharma9066]

I watched many tutorial of react-js on youtube , but your one is best i can say "one of the best React-js tutorial in India on youtube." thanks a lot buddy for this tutorial.

[@prisinha]

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.

[@codeera95]

Yes

[@roberttramy9776]

This is basic of javascript everybody should know who done javascript once

[@prisinha]

@@roberttramy9776 That is timestamp and software is built on logic

[@prerakpatel3165]

This series is Maximilian in Hindi 😂. Please add redux tutorials when you can. I was having a hard time with JavaScript until I watched your series. Now learning react seems easier. Please keep the good work going and extend react series with redux🙏🏻.

[@vivekanand5900]

Yes bro...😁

[@letstry2854]

Wao... eagerly waiting for this video!! Thank you sir 💕

[@mohammadarslan8817]

i have watched so many tutorials but your way of teaching...lovely..good teacher

[@deepakmishra96]

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.

[@pkj685]

Hello... Bhai yrr ek bat puchni thi aap se

[@mohitrajwar970]

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

[@barbarian5962]

Your channel is very underrated, I just found ur channel yesterday and I love your teaching style very simple and effective and most important your voice is so energetic. You deserve more subs

[@AkshayBhosale8055]

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

[@mudassirimam1006]

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

[@bhavnabhoir2268]

Watched many videos for beginners but this video is best

[@khetsinghyogi]

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

[@sandysingh5986]

i have cleared my lots of doubt.

[@mr_sandy021]

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

[@Astro-Coder]

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

[@user-pg6bn5sg4f]

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 ❤

[@moaviahassan721]

Thank You So Much, Best Tutorial On KZbin so far..❤❤❤

[@csengineer8819]

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 ❤❤

[@amanmaurya5652]

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

[@AbdulRehman-ui3nj]

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

[@rohitbagadi3058]

The same thing happened with me 😅

[@mukulkumar6940]

greate explianation man i have some confusion with props but after your content I have good understanding Thanks man!

[@satishk1770]

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 👌👌👌👌👌..

[@usmanirfan8707]

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

[@aakashprasadshah202]

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

[@amitmishra1303]

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.

[@foolm6714]

@Amit Mishra ,abhi kitne topics react ke aise hai joh techgun sir ne nahi padhaye,aapne video dekha hai toh aap jarur help kar sakte hai. Konse konse topics techgun sir ne half cover ya thoda sa bhi touch nahi kara iss react video mai?please help Thank you

[@ArjunSingh-es2iw]

Great videos, I see lots of channels but this is no. 1

[@rahulkande4582]

Thank you , I'll help other people same as you helping us, really appreciate your efforts and your work

[@rajukumar-yq3qf]

🙏🙏🙏🙏 please sir aise hi continue rahiye bada achha lagta hai aapke sound me bahut dam aur jaddu hai and nice explanation sir.

[@goldentime4910]

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 ❤❤❤

[@niteshprajapat7918]

This is so Conceptual and easily understandable 😍 Thank you, Sir ❤🙌

[@nikzadbehnam1027]

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

[@drfurqan6239]

Much awaited video, really appreciate your efforts 👌 💪 🙂

[@abhapandey5281]

This is the first video I completed and till the end interest was content. Hoping for the second part.

[@codingwitharkajit758]

Fantastic tutorial....I learned react through very easy way.👍👌

[@piyushraj8701]

was struggling for learning react from 3 days and landed here, I must say this was best among all react tutorials available on youtube(to start atleast with basics). Thanks Vishwa!

[@Ankitraj-uv8bb]

bro api link is not working.can you please let me know how did you do it?

[@youcube291]

Super Course .and EASY explaination

[@jaykumar-jt9fp]

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

[@thejourney750]

You are a best teacher i have ever seen on youtube.

[@morsheddld]

Great video tutorial and KZbin also trending this video. Excellent Job done by techgun thanks a lot.

[@RahulGupta-wb4ss]

Thank you so much sir sab samaj aa raha h , means a lot sir very appreciated your teaching skill.

[@to_serveMyNation]

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

[@kshamamishra38]

Best explanation ever. Thankyou so much.

[@garvkapoor457]

You r great sir aap bilkul deep m sikhate ho har chiz .

[@nishantsethi6625]

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.