🚀🔥 React & Redux Complete Course (2024) with Projects | Notes | Free Certification

🧬 Our Prime PLACEMENT Courses: 👇

🧬 Completion Certificate 👇

👉 Free Notes for all Courses: 👇

👉 KG Coding Platform: 👇

👉 Social Media: 👇

👉 Our One Shot videos 👇
🎬 MERN Stack 👇:

🎬 Web Development 👇:

🎬 Programming Languages 👇:

🎬 Other Tools 👇:

Contact Us: 👇
📞Call on: [phone], [phone]

👉 Our Other YouTube Channels For More Preparation 👇
🆕 KG Coding Bytes: @KG_Coding_Bytes
🆕 KnowledgeGate: @KNOWLEDGEGATE_kg
🆕 KnowledgeGate Placement Prep: @KGJobUpdates

#knowledgegate #KGCoding #PrashantSir
*******************************************************
⭐️Time Stamps⭐️
00:00 Introduction
02:30 Ch-1-6: Introduction { React and Components}
34:10 Ch-7-9: Create React App {IDE, Using Vite, Project Structure}
1:08:01 Ch-10-16: Creating React Components {File Extensions, Class vs Function Components, JSX, Dynamic and Reusable components}
1:54:21 Ch-17: Introducing Bootstrap
2:12:31 Project: Todo App Version 1
2:49:51 Project: Bharat Clock Version 1
3:03:24 Ch-18-22: React Level 2 {Fragments, Rendering lists using Map Method, Conditional Rendering, Passing Data via Props, CSS Modules}
4:07:54 Project Todo App Version 2
4:26:35 Project: Calculator Version 1
4:50:45 Ch-23-25: React Level 3 {Passing Components as Children, Handling Events, Passing Functions via Props}
5:38:45 Ch-26-27: State Management {useState Hook to manage Component State, State vs Props}
6:22:20 Project: Calculator Version 2
6:41:34 Project: Todo App Version 3
7:23:50 Ch-28-34: React Level 3 {React-Icon Library, Inspecting with React Dev Tools, How React Works, React vs Angular vs VueJs, Forms in React, useRef Hook, Spread operator and Functional updates}
8:38:30 Ch-35-36: Advanced State Management {Context API, useReducer Hook}
9:42:40 Project: Social Media Version 1
11:41:22 Ch-37-42: React Level 4 {Backend Dummy API, Data Fetching using Fetch function, useEffect Hook, Handling loading State, useEffect Hook Cleanup, Advanced useEffect }
12:54:45 Project: Bharat Clock Version 2
13:09:05 Ch-43-45: More Hooks {useCallback Hook, useMemo Hook, Custom Hooks}
13:28:40 Ch-46: Submitting data with Fetch
14:00:10 Ch-47-51: React Router {Router Layout routes, Router Links and Navigation, Data fetching using loader, Submitting data using action}
14:55:23 Ch-52-56: Redux {Introduction, React-Context vs Redux, How Redux Works, Working with Redux, React with Redux}
16:35:25 Ch-57-58: Redux ToolKit {Need, Working with Toolkit}
17:19:10 Major Project Myntra Clone using Real Backend

[taiyabansari]

Please bring NodeJs, and MongoDB too... You are doing great ❤

[SIX-jirv]

Adding for my own ease:
00:00 Introduction
02:30 Ch-1-6: Introduction { React and Components}
34:10 Ch-7-9: Create React App {IDE, Using Vite, Project Structure}
1:08:01 Ch-10-16: Creating React Components {File Extensions, Class vs Function Components, JSX, Dynamic and Reusable components}
1:54:21 Ch-17: Introducing Bootstrap
2:12:31 Project: Todo App Version 1
2:49:51 Project: Bharat Clock Version 1
3:03:24 Ch-18-22: React Level 2 {Fragments, Rendering lists using Map Method, Conditional Rendering, Passing Data via Props, CSS Modules}
4:07:54 Project Todo App Version 2
4:26:35 Project: Calculator Version 1
4:50:45 Ch-23-25: React Level 3 {Passing Components as Children, Handling Events, Passing Functions via Props}
5:38:45 Ch-26-27: State Management {useState Hook to manage Component State, State vs Props}
6:22:20 Project: Calculator Version 2
6:41:34 Project: Todo App Version 3
7:23:50 Ch-28-34: React Level 3 {React-Icon Library, Inspecting with React Dev Tools, How React Works, React vs Angular vs VueJs, Forms in React, useRef Hook, Spread operator and Functional updates}
8:38:30 Ch-35-36: Advanced State Management {Context API, useReducer Hook}
9:15:15 useReducer Hook
9:33:38 refactor useReducer Hook
9:42:40 Project: Social Media Version 1
11:41:22 Ch-37-42: React Level 4 {Backend Dummy API, Data Fetching using Fetch function, useEffect Hook, Handling loading State, useEffect Hook Cleanup, Advanced useEffect }
12:20:01: useEffect()
12:54:45 Project: Bharat Clock Version 2
13:09:05 Ch-43-45: More Hooks {useCallback Hook, useMemo Hook, Custom Hooks}
13:28:40 Ch-46: Submitting data with Fetch
14:00:10 Ch-47-51: React Router {Router Layout routes, Router Links and Navigation, Data fetching using loader, Submitting data using action}
14:55:23 Ch-52-56: Redux {Introduction, React-Context vs Redux, How Redux Works, Working with Redux, React with Redux}
16:35:25 Ch-57-58: Redux ToolKit {Need, Working with Toolkit}
17:19:10 Major Project Myntra Clone using Real Backend

[manishparmar]

Sir i have been through lots of video on react but this 20hr course is next level. Thanks for giving all free. Also, its humble request to make full video on MongoDB with Node JS & Express JS. So, we can learn up to date content of back end as well. Thanks again 🙏🙏🙏🙏🙏🙏🙏🙏🙏

[NawafXRMFC]

JavaScript Course by KGCoding
the best teacher❤

Content in this video:
00:00 Hello Everyone
02:30 Ch-1-6: Introduction { React and Components}
34:10 Ch-7-9: Create React App {IDE, Using Vite, Project Structure}
1:08:01 Ch-10-16: Creating React Components {File Extensions, Class vs Function Components, JSX, Dynamic and Reusable components}
1:54:21 Ch-17: Introducing Bootstrap
2:12:31 Project: Todo App Version 1
2:49:51 Project: Bharat Clock Version 1
3:03:24 Ch-18-22: React Level 2 {Fragments, Rendering lists using Map Method, Conditional Rendering, Passing Data via Props, CSS Modules}
4:07:54 Project Todo App Version 2
4:26:35 Project: Calculator Version 1
4:50:45 Ch-23-25: React Level 3 {Passing Components as Children, Handling Events, Passing Functions via Props}
5:38:45 Ch-26-27: State Management {useState Hook to manage Component State, State vs Props}
6:22:20 Project: Calculator Version 2
6:41:34 Project: Todo App Version 3
7:23:50 Ch-28-34: React Level 3 {React-Icon Library, Inspecting with React Dev Tools, How React Works, React vs Angular vs VueJs, Forms in React, useRef Hook, Spread operator and Functional updates}
8:38:30 Ch-35-36: Advanced State Management {Context API, useReducer Hook}
9:42:40 Project: Social Media Version 1
11:41:22 Ch-37-42: React Level 4 {Backend Dummy API, Data Fetching using Fetch function, useEffect Hook, Handling loading State, useEffect Hook Cleanup, Advanced useEffect }
12:54:45 Project: Bharat Clock Version 2
13:09:05 Ch-43-45: More Hooks {useCallback Hook, useMemo Hook, Custom Hooks}
13:28:40 Ch-46: Submitting data with Fetch
14:00:10 Ch-47-51: React Router {Router Layout routes, Router Links and Navigation, Data fetching using loader, Submitting data using action}
14:55:23 Ch-52-56: Redux {Introduction, React-Context vs Redux, How Redux Works, Working with Redux, React with Redux}
16:35:25 Ch-57-58: Redux ToolKit {Need, Working with Toolkit}
17:19:10 Major Project Myntra Clone using Real Backend

thank you for this course😍

[kparteearabhi]

1:50:07 instead of writing <Hello></Hello> and <Random></Random> and then making import of components by typing...we can just write <Hello/> and <Random/> then the import will automatically generate.

[Dev]

Content in this video:
00:00 Introduction
02:30 Ch-1-6: Introduction { React and Components}
34:10 Ch-7-9: Create React App {IDE, Using Vite, Project Structure}
1:08:01 Ch-10-16: Creating React Components {File Extensions, Class vs Function Components, JSX, Dynamic and Reusable components}
1:54:21 Ch-17: Introducing Bootstrap
2:12:31 Project: Todo App Version 1
2:49:51 Project: Bharat Clock Version 1
3:03:24 Ch-18-22: React Level 2 {Fragments, Rendering lists using Map Method, Conditional Rendering, Passing Data via Props, CSS Modules}
4:07:54 Project Todo App Version 2
4:26:35 Project: Calculator Version 1
4:50:45 Ch-23-25: React Level 3 {Passing Components as Children, Handling Events, Passing Functions via Props}
5:38:45 Ch-26-27: State Management {useState Hook to manage Component State, State vs Props}
6:22:20 Project: Calculator Version 2
6:41:34 Project: Todo App Version 3
7:23:50 Ch-28-34: React Level 3 {React-Icon Library, Inspecting with React Dev Tools, How React Works, React vs Angular vs VueJs, Forms in React, useRef Hook, Spread operator and Functional updates}
8:38:30 Ch-35-36: Advanced State Management {Context API, useReducer Hook}
9:42:40 Project: Social Media Version 1
11:41:22 Ch-37-42: React Level 4 {Backend Dummy API, Data Fetching using Fetch function, useEffect Hook, Handling loading State, useEffect Hook Cleanup, Advanced useEffect }
12:54:45 Project: Bharat Clock Version 2
13:09:05 Ch-43-45: More Hooks {useCallback Hook, useMemo Hook, Custom Hooks}
13:28:40 Ch-46: Submitting data with Fetch
14:00:10 Ch-47-51: React Router {Router Layout routes, Router Links and Navigation, Data fetching using loader, Submitting data using action}
14:55:23 Ch-52-56: Redux {Introduction, React-Context vs Redux, How Redux Works, Working with Redux, React with Redux}
16:35:25 Ch-57-58: Redux ToolKit {Need, Working with Toolkit}
17:19:10 Major Project Myntra Clone using Real Backend

[Saksham]

1:55:35 We need Full Bootstrap tutorial and express Nodejs and Mongodb also and Thankyou Sir for providing the simplest react course

[Suman-zezz]

I usually come here to revise these :)

19. Map Method (3:14:13)
21. Passing Data via Props (3:31:19)
23. Passing Components as Children (4:50:45)
24. Handling Events (5:04:50)
25. Passing Functions via Props (5:25:04)
26. Managing State (5:38:49)
32. Using form (8:04:17)
33. Use Ref (8:16:30)
34. Update State from previous state (8:30:20)*
35. Context API (8:38:32)
36. Use Reducer (9:15:13)
38. Data fetching using Fetch (12:14:44)
39. UseEffect Hook (12:14:42)
41. UseEffect Hook Cleanup (12:45:30)
43. UseCallback Hook (13:09:04)
44. USeMemo Hook (13:16:46)
45. Custom Hooks (13:21:35)
46. Submitting data with Fetch (13:28:41)
47. React Router (14:00:15)
49. Navigation & Link (14:21:52)
50. Data fetching using Loader (14:30:58)
51. Submitting Data using action [USED FOR FORM DATA UPLOADING] (14:40:14)

[yoursn_minestories]

Honestly your teaching is so simple and understandable and the most important thing, u explain each topic very precisely, until it's very complex anyone can understand as u teach.
Lots of love sir ❤

[shivamraj]

Now this is called quality content . Thank you so much sir came across many react courses but the value and knowledge you have provided is fantastic

[kiva]

Thank you so much for providing such a great React Course.🙏 Even paid courses are not covering all these concepts. You are doing great work ! 💯

[arunyadav]

19. Map Method (3:14:13)
21. Passing Data via Props (3:31:19)
23. Passing Components as Children (4:50:45)
24. Handling Events (5:04:50)
25. Passing Functions via Props (5:25:04)
26. Managing State (5:38:49)
32. Using form (8:04:17)
33. Use Ref (8:16:30)
34. Update State from previous state (8:30:20)*
35. Context API (8:38:32)
36. Use Reducer (9:15:13)
38. Data fetching using Fetch (12:14:44)
39. UseEffect Hook (12:14:42)
41. UseEffect Hook Cleanup (12:45:30)
43. UseCallback Hook (13:09:04)
44. USeMemo Hook (13:16:46)
45. Custom Hooks (13:21:35)
46. Submitting data with Fetch (13:28:41)
47. React Router (14:00:15)
49. Navigation & Link (14:21:52)
50. Data fetching using Loader (14:30:58)
51. Submitting Data using action [USED FOR FORM DATA UPLOADING] (14:40:14)

[bibekedits]

Thankyoou sir i finally found the use case of map method

[Rohit_Rai]

00:00 Introduction
02:30 Ch-1-6: Introduction { React and Components}
34:10 Ch-7-9: Create React App {IDE, Using Vite, Project Structure}
1:08:01 Ch-10-16: Creating React Components {File Extensions, Class vs Function Components, JSX, Dynamic and Reusable components}
1:54:21 Ch-17: Introducing Bootstrap
2:12:31 Project: Todo App Version 1
2:49:51 Project: Bharat Clock Version 1
3:03:24 Ch-18-22: React Level 2 {Fragments, Rendering lists using Map Method, Conditional Rendering, Passing Data via Props, CSS Modules}
4:07:54 Project Todo App Version 2
4:26:35 Project: Calculator Version 1
4:50:45 Ch-23-25: React Level 3 {Passing Components as Children, Handling Events, Passing Functions via Props}
5:38:45 Ch-26-27: State Management {useState Hook to manage Component State, State vs Props}
6:22:20 Project: Calculator Version 2
6:41:34 Project: Todo App Version 3
7:23:50 Ch-28-34: React Level 3 {React-Icon Library, Inspecting with React Dev Tools, How React Works, React vs Angular vs VueJs, Forms in React, useRef Hook, Spread operator and Functional updates}
8:38:30 Ch-35-36: Advanced State Management {Context API, useReducer Hook}
9:42:40 Project: Social Media Version 1
11:41:22 Ch-37-42: React Level 4 {Backend Dummy API, Data Fetching using Fetch function, useEffect Hook, Handling loading State, useEffect Hook Cleanup, Advanced useEffect }
12:54:45 Project: Bharat Clock Version 2
13:09:05 Ch-43-45: More Hooks {useCallback Hook, useMemo Hook, Custom Hooks}
13:28:40 Ch-46: Submitting data with Fetch
14:00:10 Ch-47-51: React Router {Router Layout routes, Router Links and Navigation, Data fetching using loader, Submitting data using action}
14:55:23 Ch-52-56: Redux {Introduction, React-Context vs Redux, How Redux Works, Working with Redux, React with Redux}
16:35:25 Ch-57-58: Redux ToolKit {Need, Working with Toolkit}
17:19:10 Major Project Myntra Clone using Real Backend

[partho-lia]

You are putting lot of efforts. Keep the teaching style intect. Its almost my 8th hour and till now you have concentrated on making students learn the state handling and almost 4 projects completed using states and props. I am able to do most of the projects now by pausing the video and later making it better with your solutions for the same projects. Its really amazing. I trust you continue make beautiful projects like this. probably TS, Next & Express as well.

[SohailKhan-tcuz]

Sir, the <center> tag is deprecated; instead of this, you could have used the Bootstrap text-center class.

[ShivamSingh-zjin]

Have completed many js courses although I was quite familier with js but still the way you taught is quite impressing. Learn and apply the concept immediately is great way to teach. I'll start this course very soon.

[ankitgupta]

Sir I love to watch a single long video lecture for studying instead of 20-30 short videos lecture. So thanks for this valuable video 🙏🏻 ❤

[rohitchandra]

Exception course. All your courses are explained with quite simplicity and help understanding courses very easily

[ANSH_himanshu]

Thankyou so much for this tutorial, sir i request you to plz teach us backend also like PHP, NODE.js and SQL