@marianaKing147
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.
@kr_sunny_suman
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)
@Rohit_Rai901
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
@shubhamshah9837
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!
@Hafijur0211
🎯 Key Takeaways for quick navigation: 02:20 🤳 Interaction and Feedback 04:14 🛣️ Journey from Basics to Advanced in React 05:37 🌐 Creation of React Library for Simplicity 06:44 🌐 Purpose of Open Source Libraries 09:02 🌐 Multilingual Expression with React 09:16 🔍 Understanding React Beyond JavaScript 10:24 🖋️ Building the DOM Structure 13:06 🔄 Introduction to React's Purpose 17:28 🤔 React's Positive Impact Amidst Challenges 18:22 🧩 React Components and Web Page Creation 19:06 🚀 Leveraging Existing Solutions in React 20:47 🔄 Contrasting JavaScript with React 21:58 🔨 Builder's Mindset in React Development 22:25 🔄 Evolution from JavaScript to React 24:03 🔄 Shifting from JavaScript to React Mentality 24:45 🤔 Understanding JavaScript vs. React 25:58 🌐 Real-life Example: Website Components 28:15 🛠️ Creating a Component for Course Display 29:58 🔄 Consistency in Post Structure 32:57 🚧 Components Within Components 36:44 🚀 Advantages of IDE - Efficiency and Assistance 40:17 🚀 Initiating Installation Process 41:13 🛠 Configuring Environment and Choosing VS Code Version 43:10 🚀 Exploring Visual Studio Code Extensions 48:31 🔍 Finalizing VS Code Installation 52:02 ⚙️ Exploring npm Create and Advantages 56:08 👀 Verifying Project Structure and Understanding .gitignore 57:44 📦 Dependency Installation and Understanding Node Modules 58:38 🖥 Running the Local Development Server with npm 01:00:30 🖌️ Understanding Assets, Source Code, and Assets Folder 01:00:55 🎨 Analyzing the Structure of Styles and Components 01:01:23 🖼️ Managing Images and Assets in React 01:04:44 📦 Understanding React Default Dependencies 01:05:40 🔐 Customizing Behavior with React Scripts 01:07:05 🚀 Introduction and Project Setup 01:09:33 📄 Writing JavaScript Files for React Components 01:09:46 🛠️ Setting Up a New React Project and Folder Structure 01:10:26 🚀 Streamlining Terminal Commands for Efficiency 01:11:48 🚪 Opening and Verifying the React Project 01:12:03 📊 Exploring Project Structure and Basic Understanding 01:14:25 📄 Replacing Content in the React Component 01:15:38 📘 Overview of React Component Types 01:15:53 🔄 Preferred Usage of Functional Components 01:16:37 🧠 Understanding Statelessness in Functional Components 01:20:55 🌐 Integrating JSX into HTML - Online JSX Converters 01:23:14 🧩 Understanding React Dom Library 01:27:31 🖱️ Integrating Button Component in App 01:27:57 📝 Customizing Components in React 01:29:48 📦 Component Integration and Export Syntax 01:33:52 🔄 Handling Default and Named Exports Together 01:34:21 📜 Understanding Naming Conventions 01:36:57 🔄 Importing CSS Directly in React 01:38:11 🔄 Directly Importing CSS into React Components 01:38:54 🧩 Benefits of Directly Importing CSS 01:39:38 📌 Scoped Styling with Direct CSS Imports 01:51:37 🔄 Reusability and Consistency of React Components 01:56:04 🛠️ React-Wait Library Overview 01:56:32 📚 Importance of Tailwind CSS and Introduction to UI Frameworks 01:57:13 🌐 Understanding Bootstrap and UI Framework Advantages 01:58:19 📱 Responsive Design with Desktop and Mobile Views 01:59:25 🆓 Overview of Open-Source React-Wait Library 02:00:05 📁 Organizing Projects by Topics and Chapters 02:03:46 🛠️ Declaring Dependencies and Installing Bootstrap 02:05:17 🔄 Exploring Alternate Methods for Including Bootstrap 02:06:26 🧐 Managing CSS Priorities and Impact on Styling 02:07:13 🧹 Cleaning Up Unnecessary Code and Finalizing Changes 02:13:32 🎨 Styling Buttons and Components 02:13:59 🛠️ Structuring Projects and Creating Components 02:16:47 🚀 Running the First React Project 02:18:04 📝 Building Basic UI Structure 02:20:39 📊 Customizing Bootstrap Grid Columns 02:26:17 📚 Creating Additional Components 02:27:27 🔄 Advancing to College Component 02:28:48 🔄 Dynamic Component Naming with React 02:29:45 📋 Creating ToDo Functionality 02:32:08 🔄 Understanding Component Reusability 02:32:47 🔧 Creating ToDo Item Component 02:33:16 🛠️ Structuring Container Components 02:33:46 🧩 Managing Components in Containers 02:35:40 🔄 Exploring Component Copy-Pasting and the Need for Efficiency 02:37:56 🔍 Applying CSS to React Components 02:40:08 🚧 Fine-Tuning Styling in React App 02:41:31 🔍 Reviewing Applied CSS Styles in React Components 02:42:41 🛠 Fine-Tuning Alignment and Styling 02:44:22 🔄 Transitioning from Class to ClassName in React 02:44:51 🚧 Troubleshooting CSS Classes and Styling 02:45:20 🔧 Defining and Applying Custom CSS Classes 02:47:00 📏 Fine-Tuning Button Sizes for a Uniform Look 02:47:58 🔄 Recap and Best Practices for UI Development 02:52:09 🎨 Styling and Cleanup in the New Project 02:54:16 📝 Writing JSX Content for Clock Components 02:56:40 🕒 Defining CurrentTime Component and Imports 03:02:23 🖌️ Applying Class Styling to Text 03:08:22 🎨 Refining UI Elements and Structure 03:08:36 🧐 Handling JS Return Constraints with Fragments 03:10:16 🔄 Introducing React Fragments for Cleaner JSX 03:11:10 🔧 Implementing React Fragments in JSX 03:14:13 🗺️ Importance of the Map Method in React 03:17:27 🌽 Updating Dynamic Food List with UI Changes 03:18:53 🔄 Understanding the Map Function in Detail 03:19:50 🔄 Understanding the Purpose of the Map Method 03:22:02 🧐 Utilizing Unique Identifiers and Virtual DOM 03:30:07 🔄 Introducing Logical Operators for Conditional Rendering 03:31:17 🔄 Overview of Conditional Rendering Techniques 03:37:21 🧯 Creating an ErrorMessage Component 03:42:54 🚧 Troubleshooting and Resolving Errors in Components 03:45:04 🔄 Combining and Handling Props in React 03:48:49 🚑 Handling Errors and Using Object Destructuring 03:51:09 🧱 Creating UI Components and Separating Logic 03:55:36 🎨 Custom Styling with CSS - Text and Color Styling 04:01:19 🖌️ Defining and Applying Multiple CSS Classes 04:12:34 🛠️ Improving Data Handling in Components 04:14:10 🛠️ Creating a Separate TodoItems Component 04:16:05 🔄 Understanding Component Communication 04:21:38 🖌️ Applying CSS to Component Elements 04:24:05 🎯 Managing CSS for Components 04:24:47 🔄 Rearranging CSS Modules 04:26:27 🚀 Optimizing the "To-Do App" Version Two 04:26:42 📱 Setting Up a Calculator Project 04:28:22 🚀 Installing Dependencies and Setting Up 04:30:18 🎨 Styling and Designing UI Elements 04:31:46 🧑💻 Using CSS Modules for Styling 04:33:14 🖌️ Customizing Border and Fine-tuning Styling 04:36:24 🖱️ Adapting Font Size and Container Width 04:37:07 🧩 Styling Buttons Container 04:38:06 🎨 Styling Buttons with CSS 04:39:45 🛠️ Fine-tuning Component Styling 04:41:07 📄 Styling Components with CSS Modules 04:41:50 🚨 Troubleshooting CSS Module Issues 04:43:01 🔄 Moving and Organizing Components 04:46:38 📜 Generating Dynamic Button Names with Map Method 04:54:12 🛠️ Adjustments in Styling and Class Management 04:58:54 🎨 Custom Styling the Container Class 05:02:54 📦 Container Benefits and Generic Usage 05:09:04 🖱️ Adding Click Handlers to Buttons 05:14:18 🧩 Leveraging Event Object in Click Handling 05:15:42 🔍 Understanding Synthetic Events in React 05:16:53 🛠️ Practical Use Cases of Event Object 05:17:07 🖱️ Reacting to Click and Change Events 05:21:06 🔧 Implementing onChange Event Method 05:23:01 🔄 Dynamically Updating Value on Input Changes 05:25:07 🔄 Exploring Data Passing via Props 05:25:51 📡 Communication from Child to Parent: Emitting Events 05:27:31 🔄 Extending Communication: Behavior via Props 05:28:14 🔄 Advanced Interaction: Handling Child Events 05:30:36 🔄 Customization Through Props: Event Handling 05:31:59 🔄 Handling Change via Props 05:32:31 🔄 Parent-Child Interaction for Custom Behavior 05:34:37 🔄 Individual Component Customization 05:37:09 🔄 Explaining State Reset Issue 05:37:24 🔄 Implementing State Management 05:42:13 🔄 Understanding Where Hooks Can Be Used 05:42:27 🔄 Exploring the Use of useState Hook 05:43:50 🔍 Understanding State Initialization with useState 05:44:31 🔍 Using set Function to Modify State 05:47:54 🔄 Dynamic Value Change and UI Update 05:49:21 🎯 Focus on Set State for Project Completion 05:51:16 🔄 State Propagation in Component Hierarchy 05:51:30 🌐 Integrating State with Project Requirements 05:53:34 🔄 Implementing Identification for User Input 05:54:29 🔄 Creating Custom Event Listeners 05:56:14 🔄 Handling Down Arrow Events 05:57:37 🔄 Handling Enter Key Press Events 06:01:13 🌐 Dynamic Addition of Food Items: 06:01:41 🔄 Dynamic Rendering of Components: 06:02:09 🔄 Refactoring and Adding Healthy Food: 06:03:30 🍲 Real-Time Display of Selected Food Items: 06:07:13 💡 Implementing Dynamic Class Based on Active State: 06:14:19 🔄 Optimizing Click Handling: 06:15:01 🛠️ Implementing Remove Button Functionality: Made with HARPA AI
@taiyabansari8199
Please bring NodeJs, and MongoDB too... You are doing great ❤
@RahulKumarmahto-f3z
We need Complete nodejs course for backend.Thankyou sir for providing such a quality course in free of cost.
@Canvaadesign
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
@rishiojha505
To keep the Timestamp without opening description 😛
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
@Saksham317
1:55:35 We need Full Bootstrap tutorial and express Nodejs and Mongodb also ...... and Thankyou Sir for providing the simplest react course .....
@SIX-ji7rv
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
@appu6517
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.
@Narendra_AI
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 BackendContent 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 BackendContent 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 BackendContent 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
@social_videos_09
⭐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
@ammar7109
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)
@muhammadabdurrabb2518
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.
@hanxla_Nouman
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
@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😍
@opcreator9143
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
@CompleteCodingByPrashantSir