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 :) 👋 ▬▬▬▬▬▬⭐

👋▬▬▬▬▬▬ BUY ME A COFFEE :) ▬▬▬▬▬▬👋

🔔▬▬▬▬▬▬ Subscribe for more! ▬▬▬▬▬▬🔔

👋 ▬▬▬▬▬▬ CONNECT WITH ME ▬▬▬▬▬▬👋

[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

[asifmallick]

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

[Arno-pvbo]

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

[saikatmandal]

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 .

[amarpisal]

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

[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 💪🏼

[izzahasalam]

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

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

[cheems]

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

[okworjoshua]

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

[iamvishu]

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

[muhammadmuhammadkeni]

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

[hxbtfbn]

Backend series also need combination this project

[SouravJana-zuuj]

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

[goutambhattacharyya]

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

[abdoulhakimali]

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

[ryuu]

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!

[mvut]

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

[sandeepdeepu]

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.

[shrutirane]

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