React JS Full Course 2024 | 6+ Projects | 15 Hours

Hi Everyone 👋,
In this video we will be learning A to Z concept of React JS.
⏰ ▬▬▬▬▬▬ T I M E S T A M P S ▬▬▬▬▬▬⏰
00:00 Introduction
05:15 ES6 concepts introduction
09:03 Template literals
11:00 Ternary operators
14:21 Object and array destructuring
20:05 Default parameters, spread operators and rest parameters
27:03 ES6 array methods
40:32 async await API call example
44:55 Installing react app using create react app and vite
59:00 class based components
01:04:10 functional components
01:07:55 Nested components
01:13:50 List and keys
01:17:15 Props
01:25:20 Styling react apps
01:32:55 conditional statements
01:40:00 state and setState
01:47:50 lifecycle methods in class components
02:01:30 useState hook
02:06:40 useEffect hook and manage dependency logics
02:15:50 data fetching using useEffect
02:23:20 manage loading state
02:27:33 useContext and react context api
02:45:15 useReducer hook
02:59:59 Todo list using material UI
03:28:52 Form handling
03:37:00 Form submission
03:50:25 dynamic form creation
04:16:35 React router dom introduction
04:18:00 BrowserRouter
04:20:20 Routes/Switch and Route component
04:22:15 useNavigate hook
04:24:00 Link component
04:25:15 dynamic route pages
04:28:00 useParams hook
04:29:00 useLocation hook
04:30:28 not-found page logic
04:32:00 Common layout using outlet component
04:38:00 useRoutes Hook creation
04:44:54 useFetch custom hook
04:57:00 useWindowResize custom hook
05:03:40 react hook form
05:16:15 useRef hook
05:23:10 useMemo hook
05:31:43 useCallback
05:37:13 React query/Tanstack Query
05:50:44 Shopping Cart
07:25:30 React firebase auth
08:35:50 Redux toolkit
09:38:30 React with Zustand
09:57:25 Unit testing using Jest and React Testing Library
11:01:40 MERN Stack task management app
⭐▬▬▬▬▬▬ PLEASE LEAVE A STAR :) 👋 ▬▬▬▬▬▬⭐
Source Code : github.com/san...
👋▬▬▬▬▬▬ BUY ME A COFFEE :) ▬▬▬▬▬▬👋
www.buymeacoff...
🔔▬▬▬▬▬▬ Subscribe for more! ▬▬▬▬▬▬🔔
/ @sangammukherjee
👋 ▬▬▬▬▬▬ CONNECT WITH ME ▬▬▬▬▬▬👋
Linkedin : / sangam-mukherjee-40048...
Instagram: / sangam_mukherjee

[@sangammukherjee]

⏰ ▬▬▬▬▬▬ T I M E S T A M P S ▬▬▬▬▬▬⏰ 00:00:00 Introduction 00:05:15 ES6 concepts introduction 00:09:03 Template literals 00:11:00 Ternary operators 00:14:21 Object and array destructuring 00:20:05 Default parameters, spread operators and rest parameters 00:27:03 ES6 array methods 00:40:32 async await API call example 00:44:55 Installing react app using create react app and vite 00:59:00 class based components 1:04:10 functional components 1:07:55 Nested components 1:13:50 List and keys 1:17:15 Props 1:25:20 Styling react apps 1:32:55 conditional statements 1:40:00 state and setState 1:47:50 lifecycle methods in class components 2:01:30 useState hook 2:06:40 useEffect hook and manage dependency logics 2:15:50 data fetching using useEffect 2:23:20 manage loading state 2:27:33 useContext and react context api 2:45:15 useReducer hook 2:59:59 Todo list using material UI 3:28:52 Form handling 3:37:00 Form submission 3:50:25 dynamic form creation 4:16:35 React router dom introduction 4:18:00 browserRouter 4:20:20 Routes/Switch and Route component 4:22:15 useNavigate hook 4:24:00 Link component 4:25:15 dynamic route pages 4:28:00 useParams hook 4:29:00 useLocation hook 4:30:28 not-found page logic 4:32:00 Common layout using outlet component 4:38:00 useRoutes Hook creation 4:44:54 useFetch custom hook 4:57:00 useWindowResize custom hook 5:03:40 react hook form 5:16:15 useRef hook 5:23:10 useMemo hook 5:31:43 useCallback 5:37:13 React query/Tanstack Query 5:50:44 Shopping Cart 7:25:30 React firebase auth 8:35:50 Redux tookit 9:38:30 React with zustand 9:57:25 Unit testing using jest and react testing library 11:01:40 Mern Stack task management app

[@codePracticeId]

Is this react 19

[@jagadeshvarmasvpkh7860]

Great effort

[@AAA-zz7gj]

Can anyone do web development at age 36?

[@koamia.aziabou1024]

@@AAA-zz7gj Yes you can. I'm 35 and doing it.

[@KavinChaudhary-i6p]

@@AAA-zz7gj its not like you dont have to learn anything after that but thats the time needed to be good at it

[@asifmallick371]

React query , redux , zustand , jest and react testing library all in one video . Wow 🔥🔥

[@Arno-pv8bo]

bro you are the only teacher who gives different examples to make us fully understand a concept ... many know react but don't know how to teach it... let's hope you keep sharing your knowledge with us

[@izzahasalam8078]

From today 25/7/2024 I am Starting this course. I know Some React Basics But This is an eye catching course so definitely I have to do it. after Completing I will share my reviews. Thank you in advance...

[@amarjondhalekar2604]

Please share your review

[@AyanAbbas-ps8xv]

wassup dude whats your experience ???

[@saikatmandal4099]

bro ur channel is very undiscovered and underrated , the amount of content u put u deserve a lot of appreciation , i have been watching chai and code and was looking for multiple projects so that i can get use to react and tailwind f, got ur channel and its awsome .

[@InviAnuragPandey]

That's great !!!! Please Upload NodeJS also because whenever any job seeker goes for a job interview or hired as frontend developer for react profile or web development profile he/she will ask for backend also thats why it is mandatory to learn backend also in this recession. I believe you can definitely help us to exit this recession. Your content is premium and deserve to be paid also but it's your big heart that you are giving it for free👌👌💕💕 Trust me you will go in millions in terms of views/subscribers and money also.

[@okworjoshua8157]

I just started watching this and I’m already enjoying it

[@murali-krishnan]

Great tutorial man, 👏🏼I found your channel 3 days back. First, I watched the Next.js Full Course, and now this one. It's a great refresher for me. Eagerly waiting for your Next.js and React Advanced topics videos. Hope you will upload it soon. Much appreciate your effort 💪🏼

[@asadullahalforhad]

I will move to Nextjs to get awesome refresher after completing this .,.

[@iamvishu591]

great video , I am senior developer , the videos help me to revise quickly

[@Bosskuto-1]

hi there, i want to ask you a question. I am junior developer that currently learning new stacks such as React sometimes struggling to understand when learning this. Can I know your way how to learn and understand React effectively?

[@fastsainyt]

@@Bosskuto-1 learn and practice

[@neonphoenix5159]

@@Bosskuto-1 Of course you'll struggle because you are supposed to learn that way, these knowledge cannot be acquired that quickly, you'll need to practice a lot to even comprehend the logic. What i will recommend you do is; always try to code using your own logic and continuously work on different projects after learning a specific topic instead of just scrolling through different videos and confusing yourself. Happy coding and good luck :)

[@cheems2254]

greate learning video i had not revised my react js since 1 month so this complete react js video is helping me like a charm your explaination is perfect thank your sangam

[@amarpisal8542]

I just watched the video completely. The immense amount of hard work you have done is clearly visible. Please guide us by making similar videos in the future 💖💖💖

[@vishalsinghshekhawat1954]

is it for complete beginner?

[@Vrjj129]

@@vishalsinghshekhawat1954 yea

[@varunjain4835]

does this cover total react js ? please reply

[@asadullahalforhad]

@@vishalsinghshekhawat1954 No ,, You need to have the based idea of html and then react then come back here ..

[@BuddyTech-w2h]

Backend series also need combination this project

[@SouravJana-zu7uj]

Supporting you from the beginning . You are awesome, liked your way of teaching .. this is very helpful 🙏. Please try to bring Node JS course 😢😢

[@MasterOP-m6q]

Great tutorial , learnt a lot .. waiting for the react 19 5:24:00 && the advance react video

[@solomonakpas]

This is the most beautiful tutorial I have come across. God bless you

[@muhammadmuhammadkeni4093]

I'm impressed and convinced wth the comments read so far..... Kudus❤ we appreciate you 🙏

[@rammummaneni1657]

worDs are small thing to express your Hard work brohh Just Rampp.... youuuu 🔥🔥🔥🔥🔥🔥

[@armaanyusufkhan]

This is what we call a top notch react js!!!

[@sandeepdeepu5052]

Thank you so much for your efforts bro, I'm 2023 passout student and currently working in frontend projects in my company. I've learned CSS,JS and did few projects from your react 25 projects part 2 video. Currently watching Next JS video and will complete in this week. If possible try to upload Next+TSX video in the future bro. Thank you so much for all your videos brother.

[@mjtech4243]

Bro can you suggest how did you get your first job ? I'm also 2023 passed out guy..

[@goutambhattacharyya6908]

Great tutorial, after a long search I have found a tutorial like this. Thank you...

[@gnaneswardoolla1446]

Just started watching the tutorial❤

[@mohsinsaeed7416]

you are outstanding all of the instructors of UDEMY and COURSERA etc.........one of the best react course i have ever taken......literally extraordinary content🤩

[@abdoulhakimali5930]

First thank him for this work instead of asking for backend series

[@robertspidey8136]

I am already motivated by this. Your way of teaching is A+. Keep it Up!

[@ednilsonaraujo3059]

Man, what a fantastic course. Thanks.

[@godneo2190]

Bro the way u explained me [ UseContext] thats ossum buddy i really appreciate you and for your hardwork Love from karnataka. Ossum buddy You are doing great. Stay Tuned

[@asadullahalforhad]

Your content is to the point .,. And I really love man ,, you are making industry level of content .. I have never seen any youtuber has made this type of contents .. May God Bless You !. I wish I would buy a cup of coffee.

[@mvut]

Highly productive. Keep up the good work. Thank you!

[@BytesRush]

Your content is an absolute masterpiece Sir ❤

[@zerkaaa9202]

I’ll start this course tomorrow and I’ll share my review in a month

[@gurmeetsingh-by1in]

sure ?

[@FueGoFreak-u6t]

Hello sangam , I am from Nepa .Learning with you has been great . I appreciate your hardwok , I hope you continue similar for NextJS full course in same theme.

[@rowlandoka]

Great content with clear explanations. Thumb up bro

[@mdrizwanuzzaman2021]

Keep making these kind of videos for backend and databases ....your teaching is awesome 👍🏻

[@davronmaxmudov3972]

15 hours 🔥🔥🔥 bro you are crazy, thank you so much ❤

[@ronyjohn376]

Thank you for this course from scratch

[@ISAHFALALU]

Thanks to you bro, From Nigeria ❤❤

[@anushkachawla1019]

The way in you are teaching is just wowwww ❤️✨

[@vrfEducation]

Good job man. I've been looking for such a complete course for a while. Thanks

[@yogeshgadhewal9840]

Of course

[@solarsystem9156]

I saw new video. I liked it simply because I know its gonna be LIT like your nextjs one shot video. thanks bhaiya

[@memyselfandi7731]

subbed!! please next advanced ecommerse project with react or nextjs with firebase, shadcn charts(for admin)

[@praveen.k70]

waiting for part 2, The explanation and the effort is really appreciable, great work sir.

[@pratikpanda889]

Thankyou. Much needed video

[@onlyC-zp8oq]

Looking forward to start this course

[@HammadJilani-z3p]

This video deserves million views.

[@sylvanusfranklin7528]

thank you so much for this video especially the ES6

[@ryuu5109]

Thank you so much sir, we really appreciated your effort to bring this wonderful full tutorial of react to us beginners, God bless and always stay safe sir!

[@ClashUniverse1]

We share the same name "Sangam" but Skills wise you are far better then me, for now 😅.

[@Give_bestengineer]

salam hai bhai aapke effort ko ,Love you bro

[@kirangudelli114]

this is really great teaching....big salute and big thanks to your great efforts. you are the one of the great teacher

[@rony2701]

Great to learn from a sde

[@pratik5115]

Backend needed

[@Jeedar_1]

Oh my god whahh the amazing content✨ Thank you for your hard work, I will take into my challenging on learning programming 💙

[@AaronDelight]

Thank you bro for taking your time to explain this step by step, you the best teacher .

[@armaanyusufkhan]

Your are doing greatest work 🔥💥

[@swarashayman]

Great video for every dev. Please bring a video on backend as well.

[@Anime-vk6xq]

Thank you Bro For teaching us what is going on in react.

[@shahidkhan-d2o2n]

MashALLAH Very good tutorial it is good like paid

[@Kikikuku2]

Wonderful video, many thanks!

[@shreyagd7747]

Woww loved ur patience I'll start now n say u at the end of the video 25th july 2024

[@mahadevjana7120]

I waited this video, much love you sir ❤

[@patricksaintmanuel6047]

thank you very much for this..... what a package!

[@ndudirichinazaekpere533]

You sabi well Thank you for this👍🏾👌🏽

[@yogeshgadhewal9840]

Today i am starting this course 22 july 2024

[@calmmusicclouds8787]

26 july 2024

[@HarshPrasad-b7l]

29 july

[@fernandezjasper]

29

[@yogeshgadhewal9840]

today is 08 Aug 2024 i have completed this course... to be honest mzaaaa ayaaa or ye mzaaa hume or chahiye... pls bhaiyaa ab backend ka bhi ek course la do.... and thank you so much bhaiya.... apke efforts dikhe apne 2 baaje 3 baaje raat me video ko banyaa h bhaiya thank you so much 🤗🤗😇

[@HarshPrasad-b7l]

@@yogeshgadhewal9840 hr din kitne hours kiye tumne ?

[@varaprasadsatti]

great tutorial man....loved it❤

[@Neha-oe9zr]

great video. thanks for all the hard work for making such informative material and explaining so well

[@rafiullahafridi11]

very informative thank for creating such an amazing content.

[@mohammadasif5798]

Thank you for such a wonderful job brother. It's very helpful and you are doing it for free.

[@manan09ful]

In the very first minute of logicwl operators I learned something new. I never knew that && skips the second argument if first argument is false.

[@BlitzkriegVD]

Starting the course today. Day 1: 1:32:00

[@NarendraK-ux3zz]

Bro, i am so happy with your effort and sharing knowledge...

[@jagadeshvarmasvpkh7860]

Superb great effort can you do video deployment AWS build. Agile methodologies clear example demo that will be very helpful

[@HaochengLi-g1g]

Thanks for providing this!

[@Nareshvaithi]

Best react js tutorial in 2024

[@Anyaspy9988]

the besttt!!! but could you pls make one tutorial for node.js?

[@Gayamsaijahnavi-uh1gq]

every topic create in single file, each topic create different file so better. so no confussion, but explanation awesome

[@9tyabhinav262]

wow nicely taught man thanks

[@prashantswaroop4801]

Thanks For All The Hardwork you do.

[@khaledMohamed-tp4wx]

WoW. Thank you so much

[@sadammohamed-r8p]

Thanks for putting out a great effort for us.

[@Leesdjo]

Thank you. Amazing content.

[@bigbullkannada]

brother i am having 4 yearsn of experience as node.js dev but everyone ask for full stack dev if know basic they ask advance level please make video on which topic we should know as advance level engineer

[@dinushakasun2644]

Great content.. 😍😍😍😍

[@charlestoneoyoo]

This is epic bro🎉...thanks for your efforts and the content provided

[@theophilus494]

Great content.. it really helped

[@jatinnandwani6678]

Thanks Sangam, this is super helpful!

[@sangammukherjee]

@@jatinnandwani6678 thank you bro 😀

[@callerreacts]

thanks bro for taking so much efforts

[@Rambabubommidi]

Nice video !!😇 i got some knowledge from your video.

[@Ilab_basketball]

Nice this is the tutorial I am looking for...❤

[@adityaverma4549]

Thank you , for this amazing video 🙏❤.

[@sohanxsahoo]

Thank You A Lot Bro. Finally found what i'm looking for...

[@jerriejd]

bro can u please give us the option to see the videos to view as chapter-wise it will be very helpful like you've had given for your previous videos.., it can make your videos easier to watch. can u allow the automatic chapters and key moments in your you tube settings for this video

[@Praise-rs4mc]

Great course buddy

[@ramyaramaradjou4716]

Very helpful. Thank you so much

[@dreamvallyhasan4807]

Best of the best..Thanks Bro

[@manojarya7676]

Great tutorial ❤

[@udoka9260]

Thank you very much for your efforts.....

[@adamuahmedaliyu]

Wow, Awesome You are the guy.... Thanks

[@jmarmedia3488]

This is really informative

[@anushkachawla1019]

Amazing bro ❤️✨

[@aspis7609]

Gonna watch full video