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)
First of all thank you, sir, for such an informative course. I've reached 7:57:55 and just grasped the meaning of React-DOM. I have a keen interest in learning React Native, I request you to create a comprehensive video covering React Native. People who agree with me hit like!
Hello Sir! Thanks so much for the React course. This course is easy to learn and very understandable. Please do bring a course on NodeJs, ExpressJS and MongoDB. Thanks in advance.
1:55:35 We need Full Bootstrap tutorial and express Nodejs and Mongodb also ...... and Thankyou Sir for providing the simplest react course .....
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
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
props end at 3:52:03 25 passing functions via props 05:30:01 project todo app 06:42:01 useRef start at 8:16:45 Context api 8:39:01 36 useReducer 09:15:14 37 dummy api 11:42:30 38 data fetch using fetch 11:48:42 39 useEffect 12:14:43 40 loading state 12:29:57 41 useEffect hook cleanup 12:45:34 42 Advance useEffect 12:51:09 43 bhart clock 8 imp use case of clear useEffect cleanup 12:55:30 43 useCallback 13:08:13 44 useMemo 13:16:52 45 custom hooks 13:21:39 46 submiting data using fetch 13:28:47 47 react Router 14:00:01 50 data fetchinh using loader 14:30:59 51 submiting data using action 14:40:20 52 React Redux intro 14:55:30 56 React with Redux 15:36:33 57 React Toolkit 16:35:25
01:55:48 Lots of respect from Pakistan π I completed JS complete course now following React. I request you to upload complete beginner to advance course on "Node, Express JS , MongoDB and Mangoose", that will be highly appreciated.
We need Complete nodejs course for backend.Thankyou sir for providing such a quality course in free of cost.
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)
Reached 8:39:00. First, you explained the useState() hook, and then you taught about useRef()βthat sequence of explanation was very clear and well-structured. However, I didnβt fully understand slide 34, 'Update state from the previous state.' For now, I trust that it will become clearer as I proceed further.
Please bring NodeJs, and MongoDB too... You are doing great β€
After a long time, found a very helpful REACT course for the beginners. Very well made and that too free. Respect Prashant.
This man doesn't deserve 120k subscribers, he deserves 1M + subscribers.
useState se phele sab kuch sahi chal raha hai uske Baad toh dimag π§ hil gya mera ek dum se bar bhut jayda raise ho gya..
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 πππππππππ
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π
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.
Sir this by far is the best course on entire youtube. Please sir start uploading backened development also.This youtube channel is going to be the channel for web developement in the upcoming days for sure.Once again sir thanks a lot.
@CompleteCodingByPrashantSir