React.js Complete Tutorial for Beginners in Hindi | 5 Projects + Free Notes
HTML-код
- Опубликовано: 15 июл 2024
- 🚀 New React v19 Series (2024) Out Now! 🚀
Exciting news! I've launched a new React JS series covering the latest React v19 updates.
📺 Watch Now: • React Tutorial for Beg...
Upgrade your React knowledge with the most current tutorials!
Happy coding! 💻
🔥 Welcome to this Complete React JS Full Course tutorial for Beginners in Hindi! In this single video, we will cover everything you need to know about React JS in 2024.
😍 Free Source Code Link: thapatechnical.shop/courses
Starting with a brief history of React JS, we will then proceed to the installation and setup of React JS. Get ready to grasp the basics of React JS and dive into a hands-on project, building a restaurant website.
After that, we will explore React JS Hooks. Discover the powerful features of React JS Hooks, including the useEffect Hook and the useReducer Hook.
Next, we will move on to the Todo project and eventually reach the Weather App project. Along the way, you will gain practical experience and insights into working with React JS.
Join us on this React JS journey and learn how to build dynamic and interactive web applications using the popular React JS library. By the end of this tutorial, you will have a solid understanding of React JS, ready to take on your next web development project.
Don't miss out on this opportunity to learn React JS and boost your web development skills. Subscribe to the channel and hit the notification bell to stay updated with more tutorials and content.
Join us on this exciting React JS journey and take your web development skills to the next level!"
⌚ Video Timestamps:
00:00 - Project Introduction
04:05 - History of React JS
14:10 - Install & Run React JS
20:30 - Basics of React JS
50:00 - Restaurant Website Project
1:45:00 - Hooks in React JS
1:55:00 - useEffect Hook
2:02:30 - useReducer Hook
2:12:10 - Todo Project Start
2:59:05 - Weather App Project
3:45:00 - Outro
😍 For Behind the Scene Content, Check my Instagram: / thapatechnical
************ Must Watch Videos For Web Development ************
✅ NodeJS Tutorial in Hindi 2020: • NodeJS Tutorial in Hin...
✅ Express JS Tutorial In Hindi in 2020: • Express JS Tutorial In...
➡️ ReactJS Tutorial in Hindi 2020 Playlist Link: • React JS Tutorial in H...
➡️ Install VS Code for ReactJS LINK: www.thapatechnical.com/2020/0...
😍😍 Check Programming Videos in One Hour👇
➡️ HTML in One Video: • Learn HTML in One Vide...
➡️ CSS in One video: • Learn Complete CSS In ...
➡️ CSS FlexBox in 30 Minutes: • CSS FlexBox in 30 Minu...
➡️ JavaScript in One video: • JavaScript in One Vide...
➡️ ECMAScript 6 in One Video: • ES5 & ES6 | ECMAScript...
➡️ HTML5 in one video: • HTML5 Tutorial in One ...
➡️ CSS3 in one video: • Learn Complete CSS3 In...
➡️ Bootstrap4 in One video: • Bootstrap 4 in One Vid...
➡️ Jquery in One video: • jQuery in One Video in...
➡️ JSON in one video: • JSON in One Video in H...
➡️ PHP in One Video: • PHP TUTORIAL IN ONE VI...
➡️ NodeJS in one video: / ipnwakoibt
➡️ MySQL in one video: • Complete SQL & MySQL i...
********** CLICK HERE TO WATCH ************
➡️ Advanced JavaScript in Hindi Playlist: • Advanced JavaScript Tu...
➡️ ECMAScript Tutorial in Hindi 2020: • Modern JavaScript ES6 ...
➡️ ES5 & ES6 | ECMAScript 6 in One Video in Hindi: • ES5 & ES6 | ECMAScript...
➡️ JavaScript Game Development Series in 2020: • JavaScript Game Develo...
➡️ Source Code Link: www.thapatechnical.com/2019/1...
➡️ Top 5 Programming Languages in 2020: • Top 5 Programming Lang...
➡️ Ludo Game JavaScript Link: • JavaScript Game in Hin...
➡️Plz show some love to My Siter RUclips Channel and Plz Subscribe Link: / @mayabeautyvlogs878
Guys, Please support my channel by SUBSCRIBE to my channel and share my videos in your Social Network TimeLines.
Don't Forget to Follow me on all Social Network,
Website Link: www.thapatechnical.com
Instagram Link: / vinodthapa55
Facebook Link: / vinodthapa55
Twitter Link: / vb55thapa
🚀 New React v19 Series (June 2024) Out Now! 🚀
📺 Watch Now: ruclips.net/video/4z9bvgTlxKw/видео.html
Exciting news! I've launched a new React JS series covering the latest React v19 updates. 😀
Why Watch?
Latest Features: Learn the newest updates in React v19.
Comprehensive: From basics to advanced topics.
Practical Projects: Hands-on examples to boost your skills.
Upgrade your React knowledge with the most current tutorials!
Happy coding! 💻
Welcome, to The Best React JS Course On RUclips 🚀🚀
📢 Free Source Code Link: thapatechnical.shop/courses
Please LIKE SHARE & SUBSCRIBE my Channel for Daily Awesome Videos ✌
📢 For Behind the Scene Content, Check my Instagram: instagram.com/thapatechnical
ruclips.net/user/sgaming/emoji/7ff574f2/emoji_u1f60d.png
please make a react native
Kindly start mobile Application development
Sir I want to be genius of coding like u❤️
Awesome video.... javascript me logic develop karne wala video banao pls...
Start React Native
Thapa technical and code with harry are legend teacher 💞
Sahi kaha bro I agree with you
while True:
"This is True"
Bro, meri man ki baat bol di. 😍😍
Absolutely True 👍
100% true
Thapa bhi Apne mera life asaan kr diye Main React pdhne k accha wala resources dhund rha tha and thank god app mil gye and sahi main project based learning apka the best hain.
Better knowledge than physical classes.thanks
Thapa Sir, Whatever I have learnt (html,css,js, bootstrap and reactjs) till now it is because of your videos. Never stop teaching 😊 Thank you so much ❤️
same
Yaa definitely
I have also learnt everything from hin and harry
Madam
Would you like to tell me that how many days do I need to learn react js after knowing html css and js.
@@babitapratihar5727 depends how many hours you are gonna spend in a day. If you spend 3-4 hours then 20 days are enough
Sir iska hi intjar tha 🔥👍🏻
Sir apki energy bilkul awesome hai, mai bahot sare tutorial dekh chuka tha react ko leke lekin ye best video that jisse mujhe actually samjh aya concept sab , a big thank you kyuki aap ye sab learnings free mei share kar rahe ho.
Such a fabulous master piece sir me 2-3channel se dekh k aaya but clear ngi hua tha lekin ab aapne clear kr diya.
This educational channels are the stars who promotes knowledge and helps people with their knowledge... you are the real heroes
Thank you, Sir. All your videos are helping me a lot. Technical Thapa is the best channel I've found on RUclips. I really appreciate your hard work in producing such amazing content. Keep doing !! more 👍👌👌
Just finished this tut, and learnt a lot . Thank you so much Mr. Thapa.
Sir Abhi hi JavaScript complete kiya or react keliye hi intezaar tha or BOOOOOOOOOOOOOOM
VIDEO Aa gaya😇😇
Thank You Sir.......!
Thank you So much for this video Sir...You have covered almost all topics in shortest span of time...i have already completed your ReactJs playlist and i watched this video in 2X speed to revised..I generally don't comment but I'm writing this to show my appreciation. Thank You Vinod Bahadur Thapa Sir. Keep it up
should i watch whole playlist or this video only if i have less time...and is there any difference in that playlist and this video?
Is this video good for a beginner or i should start with react playlist ?
Lots of thanks to you from the bottom of my heart ♥️ for this video. Fabulous job 🙏🙏
React ke upar ye sabse Best video h... Awosom.. Simple to understand.. Thank you
Wow, one of the awesome course 👌👏
Appreciate your work
Thanks for this awesome video. first I saw javaScript 16 hours course , then this video and did 5 project successfully. Thanks for you easy and latest technological tutorial.
hey send the code of style.css
Finally get the react course from a legend
Amazing Bro ..
Maza aa rha hai
I have completed resturant project ❤️
react seekhne me bohot problem ho raha tha lekin aapne saara aasan kar diya thank you
this is the perfect video for React JS, I wanted to learn React and found this video and got stuck because this is awesome 🔥👌Thank you thapa sir
i also got stuck because this video is just boom guys 🤣🤣🤣🤣🤣
thapa sir, i literally thought like every youtuber you are saying this is the best react tutorial but when i watched it i am literally fan of your teaching today wishing you of your 1 million family in advance at last THANKYOU SIR!!!!
hey you have the code of css then please send
thank you so much sir .....bahut sahi time pe aapne ye video upload kiya hai
Finished course - superb! amazing course
We Need Data Structure Complete Course from Start To End......
Finally wait is over. After learning complete javascript from this channel I was waiting for this tutorial. Thank You so much Bhai.
🇮🇳🇮🇳🇮🇳
Hello Sir,
This tutorial is so very helpful, understood every little thing. Great work and thank you so so much for making this tutorial.
One of the best channels I have ever seen till now.. AMAZZZZING !!
I was just learning react js from your previous series. And found this video 🤩
Plz bta de sir do project krwa rhe ratraurent wale k bad hooks b btaya bt usk code se phle rastrnt wala hi run horha uska page kese dekhe
Hopefully if i get a job i will donate this guy for sure because he did so much for us.....Man i dont want your heart react.....but what u did and r8 now u are doing for us is a blessing ❤️ thank u man
So did you find a job ?
Sir it is the one of the best best video of react js on RUclips 🔥🔥🔥 you are the awesome sir .I have learned lot from you thanks for that..
Keep making vedio on react with project
Again Thank you so much ❤️
Awesome content 👌
Osam sab ek bar me clear hogya love u
After completing half of the learning from the react js playlist.... This is a good warm up vdo.... Thank u Vinod Sir......If possible plz make a industry comparable project using MERN.... Little complex one... 😁
Yes sir @Thapa technical please make advanced project using most concepts of reactjs and javascript
should i watch whole playlist or this video only if i have less time...and is there any difference in that playlist and this video?
50:05 One correction sir, now the names should start with capital letters otherwise it shows :
The tag is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.
at myName
at App
Thanks a lot for the videos. This is even better than paid courses. i cannot mention how thankful i am
yes bro rightly said
i also getting this issue but i solved by telling all the problem to chatGpt;
first 10 min me idea hogya tha ki video mast hai!!!! thanks thapa bhaiiiii
Todo list project is too awesome.
Learn so many new things.
Thank you 😊
🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥
Thapa Ji all videos are just asm... I have around 8 Years of experience in software developemnt in C# (Windows Application), recenty I have shifted to web (Node js and React js) and following your videos its helped me a lot 🤞✌️in React Js I entered in 7 days of learning now i have already started live project.
Thank You
keep it up , Stay safe stay Healthy.....
Bro i have laptop with 4GB ram, 256GB SSD, windows 10,1.2 ghz processor . So all thing can run in my laptop Or not pls reply help
@@Sahinkasapna Of course This is nice specs - You can run
@@ayeshacheema6012 shukria
@@Sahinkasapna Good ! Can we set images to private folder in Restaurant App. If yes how.
@@ayeshacheema6012 ayesha , in react you can import image through image addres link inside image tag src. Or just save image as jpg format in a folder and drag that folder to public or private folder of react ,
Awesome content really.
There are a lot of tutorials on YT, on react, but the basics you cover in this video is outstanding.
Thanks a lot man!!
Bro where is CSS source code
@@gopaldixit7888 It is available in the description... This is the link of website, from there you will get the code
@@Aakash-yh8ou Bro but css of restaurant is not available can you give your github link where you upload this project
Thanks, Man you have made it look simple. Brilliant explanation
Some are born legend But you are pro-legend.... You are teaching Indian in their most common language 🙏
Harshit vasisth is also a best teacher of web development
Thankyou so much for such a amazing tutorial on internet ♥️
anybody here who wants create projects with me , actually i wants create big practice project in react and node js => please message me
Best video for react js. Thanks thapa g. Tussi kamal ho
Thankyou Bhai. Bahut Accha video hai. Your explanation rocks!!!! Love you Bro. Weather wala project sabse badhiyaa lagaa mujhe.
Please make node Js with express
Zero to Hero 👍🏻
Best ever video on react js
Friends I am an engineering students . i want be a web developer ✨ for that i start learning react js i spend around 10k to learn react js but i confidentiality say that this video is much better than that paid video . this video full with fundamentals and concepts so don't worry watch video this is my recommendation after watching many paid courses video👍🏻✨
Is this video good for a beginner or i should start with react playlist ?
@@sumitrawat2289 this is good and with this you can watch free code camp react course aslo
thanks bhaia app ka video bohat bohat bohat jayda useful hota hy
Bhai you tought the best react ever. I mean i tried 5 6 courses and then started learning from your videos. They are really amazing
THIS IS BEST TUTORIAL FOR REACT...
AWESOME 👌
Thank You so much
Thank you so much for solve my issue regarding to source code.
It's now perfectly done.
plz share with your friends too
@@ThapaTechnical sure 👍
Do you have the css of this project
One of the best teacher Vinodbhai in my life. He explain easily and deeply and in simple way. 🔥🔥🔥🔥❣️
ese hi help krte rho thanku so much
Bro video bahot mast hai but video ki bich main jo gif elements aate hai images aati hai wo distract krti hai user ko so please take care of this and your knowledge and explanation techniques are too good 👍🏻 🔥🔥🔥
I was in the middle of watching your react hooks series, have good knowledge now. And now this video will surely be helping a lot in my learning react journey.
Thank you from Pakistan 💕
Best video... I am fresher in react but I clearly understanding what is going on in this video....thanks for video🙏
Explanation is very clear and simple and very easy to understand.
This man knows how to simplify difficult things into a piece of cake.
showed the real beauty of React!
Boom guys sb kuch smj a gya 🔥
can you send CSS code for resturant
@@PoornaTheNatureGirlFanClub Yea sure!
@@samialvi4226 plz send it to me
@@samialvi4226 PLZ SIR send it
@@PoornaTheNatureGirlFanClub omgoodness i thought have sent it to you
Sometimes i think how would thapa sir and harry sir earn anything? They make such nice content for us but never take sponsorships 😭❤️
Bohot mast tha bhai
thanks!
Hai Na Kitna Awesome ! :)
I born today and learned Python, Html Css Js and now I wanted to learn React Js.
Go for it then.. n let me know kaisa lga video
For every functionality you implemented I first paused the video and tried myself then played your video. I guess thats how we can gain max output from these tutorials. Thanks bro ✌🏻
Hooks concept is nicely explained!! Thank you!!
You are legend! Appreciate for your awesome work.
Your videos are awesome.. I myself watched HTML, CSS and JS(16 hrs fully) and now ReactJs.. Hope to collaborate with you so that our audience exchanged and learn from each other :) @thapa
I saw ur comments on my other video too.. discord.gg/vvDC8Jkv my discord server link.. App waha pr muje personal msg kr sakte ho.. Let's discuss there
@@ThapaTechnical love u sir 😘
Node. js in one vedio complete beginner to advanced please upload sir....🙏🙏🙏🙏🙏🙏🙏🙏🙏
Simply Awesome Course , learnt a lot from you
Thanx a lot guru ji. Itna awesome videos k liye bhut bhut dhnyawad
In useEffect, we use [ ] only when we need to update when page is refreshed. If we specify
[ ] in parameter, it will only run 1 time when page is refreshed.
Nice video....He is teaching us projects without giving us CSS codes😂
This is the best tutorial on RUclips about react....
Awesome tutorial...I am new to React Js but after watching your videos easy lag raha he...thank you..
Sir,
Can u guide us which course is better either your React JS series or Single Complete Video Tutorial?
Which is best bro??
Hello Thapa, thanks for everything that you do for the community yet remaining so humble.
By the way, may I ask if anyone in the chat got any job offers? Congrats if yes and good luck to the rest in getting one soon. Keep coding!
Can you send Restaurant Website Project CSS code plz help
@@PoornaTheNatureGirlFanClub If you have it please send it to me please
@@asthasrivastava9216 yes i have it but if i send it here it will not show here
@@PoornaTheNatureGirlFanClub can you please mail me the CSS code of restaurant website
@@-HARSHAGARWAL send your main
Thank you brother , You have solved my major problem.
Amazing. Could not stop myself from commenting. May Allah bless you with more wisdom❤️
my problem: React Hook useEffect has a missing dependency: 'getWeatherInfo'. Either include it or remove the dependency array why?
@Thapa Technical bro u should explain css styling also as we tend to loose interest in the projects as we can't do many of the same styling as you. For u it may have become easy but not for us who r not that good as of now. Projects should be explained from A to Z.
Bro apko html css javascript
yh cheeesain any chahya then yh valy vedeo dakho direct
bro u should learn basic html, css and js before jumping onto react. Projects should be explained as per need.
Really Best Tutorial On RUclips. Thank You Very Much Thapa Sir 😇.
thank you soo much sir for this video and the amount of efforts you have done for us! thanks alot
Sir. Please Create A Full E-commerce Project With React Js Video
Yes sir ❤️
Yes sir
yes sir
Yes sir
yes sir we are really waiting for ecommerce website in react
hello sir loves from Gujarat,
sir aap particular series banao like
Recat table with global filter, column filter, pagination, grouping, inline row editing, resize column,l and
MUI Data grid
forms => all types of validation and all featurs of forms
please reply sir
You are a great teacher thapa bhai❤️🔥
Thankyou so much for this tutorial sir.
your source code link is not working (error :- 502 Bad Gateway).
Yes bro I am also facing this problem 😭😭
Everything was fine but in the to-do project, you could have slowed down a bit and explained things more clearly one by one. The functions got too complicated to wrap my head around. Please take this feedback in a positive way. Focus more to ensure that your audience understands what you are doing when calling multiple functions.
Weather app...
In the URL link ...I used $(searchValue)...
But it showing an error..
Unexpected template string expression no-template-curly-in-stri g..
Can you help me how to fix this error
Agreed on the points , you mentioned
Aapne to aag laga dala
very easy and helpful for me , thank you sir keeping goig
Sir pls explain css part also while making a video don't skip that part ..it's makes a incomplete so next time make full video don't skip any part
Video Timestamps:
00:00 - Project Introduction
04:05 - History of React JS
14:10 - Install & Run React JS
20:30 - Basics of React JS
50:00 - Restaurant Website Project
1:45:00 - Hooks in React JS
1:55:00 - useEffect Hook
2:02:30 - useReducer Hook
2:12:10 - Todo Project Start
2:59:05 - Weather App Project
3:45:00 - Outro
bhai source code restaurant wala nahi mil raha app.css ka
@@sigmaprideu style. Css hai
Can you send Restaurant Website Project CSS code plz help
@@sigmaprideu Can you send Restaurant Website Project CSS code plz help
@@abstylegaming Can you send Restaurant Website Project CSS code plz help
Excellent teaching...I like your teaching style...
Awesome video sir thanks for your guidence and explanation ❤❤🙌
Start a series of making clones with firebase
Thanks dear Thapa, where can I find css file for resturent project ?
Did u get the CSS file?
Excellent Tutorial Sirji
You are really amazing tutor . Don't have words for your knowledge . You are great ...
for learner its very diifficult to write the css codes as well as like triple equals to..so please atleast show css parts so that we can take pic .
Brother, already All video source code is available for free on my GitHub.. plz check the link
@@ThapaTechnical sir I have gone through but it wasn't showing anything..yh there was css part of weather App ..well thanks for replying sir.. Completed all 87 lectures of Reactjs and it wz intresting ..Thanks again and best of luck
@@mazharimam9216 I want to learn react. I dont know anything about it. Is this a Beginner friendly react course? Please reply
@@fukedup1028 yes it is ..you know I have learnt js and reactjs from Thapa sir and i got 3 jobs ..He will start from scratch and atleast he will make u to get average knowledge about react js .So go for it . Just be consistent 😬 ❤️ nd he taught advanced js which is also good . Once u switch to other Tutorial for advance am sure u will be able to understand and all thanks to Thapa sir ❤️
@@mazharimam9216 Thank you so much for your reply. I have basic knowledge of javascript which i learnt from cwh. And now I will learn react from this video.
Please provide source code or style.css file in the description for Resturant project..
Did u get the CSS file?
Thank you so much sir ❤️❤️😊 aesi hi node. Js, mongo db ki videos b aur bana dein tkay mern stack complete hojaye ❤️❤️❤️
boom mean thapa technical 😍...such a very hardworking teacher nd this vdo is helpful for me bcz i am a fresher.. Thanks to you man 🙏❤️