⏰ ▬▬▬▬▬▬ 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
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
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 .
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...
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.
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?
@@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 :)
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 💪🏼
Thanks for the video. Did follow upto shopping cart project. After that things are becoming a little confused with so many files opened and simultaneously editing of multiple files.Was able to understand the basics right from your video. The advanced features need a little work on. Thanks for your efforts in uploading this video. Great work
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
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 💖💖💖
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.
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🤩
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
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.
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.
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!
⏰ ▬▬▬▬▬▬ 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
Is this react 19
Great effort
Can anyone do web development at age 36?
@@AAA-zz7gj Yes you can. I'm 35 and doing it.
@@AAA-zz7gj its not like you dont have to learn anything after that but thats the time needed to be good at it
React query , redux , zustand , jest and react testing library all in one video . Wow 🔥🔥
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
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 .
I just started watching this and I’m already enjoying it
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...
Please share your review
wassup dude whats your experience ???
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.
great video , I am senior developer , the videos help me to revise quickly
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?
@@Bosskuto-1 learn and practice
@@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 :)
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 💪🏼
I will move to Nextjs to get awesome refresher after completing this .,.
Thanks for the video. Did follow upto shopping cart project. After that things are becoming a little confused with so many files opened and simultaneously editing of multiple files.Was able to understand the basics right from your video. The advanced features need a little work on. Thanks for your efforts in uploading this video. Great work
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
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 💖💖💖
is it for complete beginner?
@@vishalsinghshekhawat1954 yea
does this cover total react js ? please reply
@@vishalsinghshekhawat1954 No ,, You need to have the based idea of html and then react then come back here ..
This is the most beautiful tutorial I have come across. God bless you
Great tutorial, after a long search I have found a tutorial like this. Thank you...
Backend series also need combination this project
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.
Bro can you suggest how did you get your first job ? I'm also 2023 passed out guy..
Great tutorial , learnt a lot ..
waiting for the react 19 5:24:00 && the advance react video
I'm impressed and convinced wth the comments read so far..... Kudus❤ we appreciate you 🙏
This is what we call a top notch react js!!!
Man, what a fantastic course. Thanks.
First thank him for this work instead of asking for backend series
worDs are small thing to express your Hard work brohh Just Rampp.... youuuu 🔥🔥🔥🔥🔥🔥
Supporting you from the beginning .
You are awesome, liked your way of teaching .. this is very helpful 🙏.
Please try to bring Node JS course 😢😢
Just started watching the tutorial❤
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🤩
I’ll start this course tomorrow and I’ll share my review in a month
sure ?
Thanks to you bro, From Nigeria ❤❤
I am already motivated by this. Your way of teaching is A+. Keep it Up!
Great content with clear explanations. Thumb up bro
Thank you for this course from scratch
Highly productive. Keep up the good work. Thank you!
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
15 hours 🔥🔥🔥 bro you are crazy, thank you so much ❤
Thankyou. Much needed video
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.
very informative thank for creating such an amazing content.
thank you so much for this video especially the ES6
The way in you are teaching is just wowwww ❤️✨
Your content is an absolute masterpiece Sir ❤
thank you very much for this..... what a package!
You sabi well
Thank you for this👍🏾👌🏽
MashALLAH Very good tutorial it is good like paid
This video deserves million views.
waiting for part 2, The explanation and the effort is really appreciable, great work sir.
Great to learn from a sde
Starting the course today.
Day 1: 1:32:00
great tutorial man....loved it❤
Wonderful video, many thanks!
Thank you Bro For teaching us what is going on in react.
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.
Looking forward to start this course
Thanks for putting out a great effort for us.
Good job man. I've been looking for such a complete course for a while. Thanks
Of course
this is really great teaching....big salute and big thanks to your great efforts. you are the one of the great teacher
Thanks for providing this!
WoW. Thank you so much
Keep making these kind of videos for backend and databases ....your teaching is awesome 👍🏻
Nice video !!😇 i got some knowledge from your video.
wow nicely taught man thanks
I saw new video. I liked it simply because I know its gonna be LIT like your nextjs one shot video. thanks bhaiya
We share the same name "Sangam" but Skills wise you are far better then me, for now 😅.
Bro, i am so happy with your effort and sharing knowledge...
Thank you bro for taking your time to explain this step by step, you the best teacher .
Great content.. it really helped
great video. thanks for all the hard work for making such informative material and explaining so well
Great content.. 😍😍😍😍
I waited this video, much love you sir ❤
Your are doing greatest work 🔥💥
Best of the best..Thanks Bro
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.
Thank you very much for your efforts.....
Great video for every dev. Please bring a video on backend as well.
Thanks Sangam, this is super helpful!
@@jatinnandwani6678 thank you bro 😀
One of the best tutorial 🫰🏻🫰🏻
Thank a lot for this great work
thanks bro for taking so much efforts
Thank you for such a wonderful job brother. It's very helpful and you are doing it for free.
salam hai bhai aapke effort ko ,Love you bro
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!
Best react js tutorial in 2024
Thank You
Great tutorial ❤
Oh my god whahh the amazing content✨ Thank you for your hard work, I will take into my challenging on learning programming 💙
Great course buddy
just finished thanks for the video
every topic create in single file, each topic create different file so better. so no confussion, but explanation awesome
Thanks For All The Hardwork you do.
subbed!! please next advanced ecommerse project with react or nextjs with firebase, shadcn charts(for admin)
Good Video
Backend needed
Thanks for sharing
the besttt!!! but could you pls make one tutorial for node.js?
Nice this is the tutorial I am looking for...❤
Woww loved ur patience I'll start now n say u at the end of the video 25th july 2024
Thank You A Lot Bro. Finally found what i'm looking for...
Thank you , for this amazing video 🙏❤.
This is epic bro🎉...thanks for your efforts and the content provided
Thank you!
Amazing explanation ❤
thanks
thnks man , please start a backend series