There are no items in your cart
Add More
Add More
| Item Details | Price | ||
|---|---|---|---|
React - The Complete Guide (incl Hooks, React Router, Redux)
Instructor: Edure
Language: English
Validity Period: Lifetime
₹35000
React - The Complete Guide (incl Hooks, React Router, Redux)
| 01 Getting Started | |||
| 001 Welcome To The Course! 1:00 | |||
| 002 What is React.js 4:00 | |||
| 003 Why React Instead Of _Just JavaScript 7:00 | |||
| 004 Building Single-Page Applications (SPAs) with React 1:00 | |||
| 005 Exploring React.js Alternatives (Angular _ Vue) 3:00 | |||
| 007 About This Course & Course Outline 8:00 | |||
| 008 The Two Ways (Paths) Of Taking This Course 4:00 | |||
| 009 Getting The Most Out Of This Course 4:00 | |||
| 010 Setting Up The Course Dev Environment (Code Editor) 4:00 | |||
| Resources | |||
| 02 JavaScript Refresher | |||
| 001 Module Introduction 1:00 | |||
| 002 Understanding _let_ and _const 3:00 | |||
| 003 Arrow Functions 5:00 | |||
| 004 Exports and Imports 4:00 | |||
| 005 Understanding Classes 4:00 | |||
| 006 Classes, Properties and Methods 3:00 | |||
| 007 The Spread & Rest Operator 6:00 | |||
| 008 Destructuring 3:00 | |||
| 009 Reference and Primitive Types Refresher 4:00 | |||
| 010 Refreshing Array Functions 2:00 | |||
| 011 Wrap Up | |||
| 03 React Basics & Working With Components - Part 01 | |||
| 001 Module Introduction 3:00 | |||
| 002 What Are Components_ And Why Is React All About Them 7:00 | |||
| 003 React Code Is Written In A _Declarative Way_! 3:00 | |||
| 004 Creating a new React Project 12:00 | |||
| 005 Analyzing a Standard React Project 11:00 | |||
| 006 Introducing JSX 3:00 | |||
| 007 How React Works 4:00 | |||
| 008 Building a First Custom Component 9:00 | |||
| 009 Writing More Complex JSX Code 5:00 | |||
| 010 Adding Basic CSS Styling 4:00 | |||
| 011 Outputting Dynamic Data & Working with Expressions in JSX 8:00 | |||
| 012 Passing Data via _props 12:00 | |||
| 013 Adding _normal_ JavaScript Logic to Components 5:00 | |||
| 014 Splitting Components Into Multiple Components 10:00 | |||
| 015 Assignment-1 2:00 | |||
| Assignment-1 Solution 6:00 | |||
| 03 React Basics & Working With Components - Part 02 | |||
| 016 The Concept of _Composition_ (_children props_) 13:00 | |||
| 017 A First Summary 4:00 | |||
| 018 A Closer Look At JSX 9:00 | |||
| 019 Organizing Component Files 3:00 | |||
| 020 An Alternative Function Syntax 2:00 | |||
| 04 React State & Working with Events - Part 01 | |||
| 001 Module Introduction 2:00 | |||
| 002 Listening to Events & Working with Event Handlers 9:00 | |||
| 003 How Component Functions Are Executed 5:00 | |||
| 004 Working with _State 10:00 | |||
| 005 A Closer Look at the _useState_ Hook 7:00 | |||
| 006 Adding Form Inputs 9:00 | |||
| 007 Listening to User Input 5:00 | |||
| 008 Working with Multiple States 6:00 | |||
| 009 Using One State Instead (And What's Better) 4:00 | |||
| 010 Updating State That Depends On The Previous State 4:00 | |||
| 011 Handling Form Submission 4:00 | |||
| 012 Adding Two-Way Binding 2:00 | |||
| 04 React State & Working with Events - Part 02 | |||
| 013 Child-to-Parent Component Communication (Bottom-up) 13:00 | |||
| 014 Lifting The State Up 7:00 | |||
| 015 Assignment-2 1:00 | |||
| Assignment-2-Solution 6:00 | |||
| 016 Controlled vs Uncontrolled Components & Stateless vs Stateful Components 5:00 | |||
| 05 Rendering Lists & Conditional Content | |||
| 001 Module Introduction | |||
| 002 Rendering Lists of Data 7:00 | |||
| 003 Using Stateful Lists 4:00 | |||
| 004 Understanding _Keys 6:00 | |||
| 005 Assignment-3 | |||
| Assignment-3-Solution 3:00 | |||
| 006 Outputting Conditional Content 6:00 | |||
| 007 Adding Conditional Return Statements 5:00 | |||
| 008 Assignment-4 | |||
| Assignment-4-Solution 4:00 | |||
| 009 Demo App_ Adding a Chart 7:00 | |||
| 010 Adding Dynamic Styles 7:00 | |||
| 011 Wrap Up & Next Steps 11:00 | |||
| 06 Styling React Components | |||
| 001 Module Introduction 3:00 | |||
| 002 Setting Dynamic Inline Styles 8:00 | |||
| 003 Setting CSS Classes Dynamically 5:00 | |||
| 004 Introducing Styled Components 9:00 | |||
| 005 Styled Components & Dynamic Props 8:00 | |||
| 006 Styled Components & Media Queries 2:00 | |||
| 007 Using CSS Modules 6:00 | |||
| 008 Dynamic Styles with CSS Modules 5:00 | |||
| 07 Debugging React Apps | |||
| 001 Module Introduction 1:00 | |||
| 002 Understanding React Error Messages 6:00 | |||
| 003 Analyzing Code Flow & Warnings 5:00 | |||
| 004 Working with Breakpoints 6:00 | |||
| 005 Using the React DevTools 5:00 | |||
| 08 Time to Practice - A Complete Practice Project | |||
| 001 Module Introduction 2:00 | |||
| 002 Adding a _User_ Component 7:00 | |||
| 003 Adding a re-usable _Card_ Component 8:00 | |||
| 004 Adding a re-usable _Button_ Component 3:00 | |||
| 005 Managing the User Input State 4:00 | |||
| 006 Adding Validation & Resetting Logic 4:00 | |||
| 007 Adding a Users List Component 10:00 | |||
| 008 Managing a List Of Users via State 9:00 | |||
| 009 Adding The _ErrorModal_ Component 8:00 | |||
| 010 Managing the Error State 8:00 | |||
| 09 Diving Deeper : Working with Fragments,Portals & "Refs" | |||
| 001 Module Introduction | |||
| 002 JSX Limitations & Workarounds 8:00 | |||
| 003 Creating a Wrapper Component 4:00 | |||
| 004 React Fragments 2:00 | |||
| 005 Introducing React Portals 4:00 | |||
| 006 Working with Portals 12:00 | |||
| 007 Working with _ref_s 11:00 | |||
| 008 Controlled vs Uncontrolled Components 3:00 | |||
| 10 Advanced Handling Side Effects, Using Reducers & Using the Context (1) | |||
| 001 Module Introduction 1:00 | |||
| 002 What are _Side Effects_ & Introducing useEffect 6:00 | |||
| 003 Using the useEffect() Hook 10:00 | |||
| 004 useEffect & Dependencies 9:00 | |||
| 006 Using the useEffect Cleanup Function 8:00 | |||
| 007 useEffect Summary 3:00 | |||
| 008 Introducing useReducer & Reducers In General 9:00 | |||
| 009 Using the useReducer() Hook 14:00 | |||
| 010 useReducer & useEffect 9:00 | |||
| 10 Advanced Handling Side Effects, Using Reducers & Using the Context (2) | |||
| 012 useReducer vs useState for State Management 3:00 | |||
| 013 Introducing React Context (Context API) 7:00 | |||
| 014 Using the React Context API 10:00 | |||
| 015 Tapping Into Context with the useContext Hook 1:00 | |||
| 016 Making Context Dynamic 4:00 | |||
| 017 Building & Using a Custom Context Provider Component 9:00 | |||
| 018 React Context Limitations 2:00 | |||
| 019 Learning the _Rules of Hooks 7:00 | |||
| 020 Refactoring an Input Component 6:00 | |||
| 021 Diving into _Forward Refs 13:00 | |||
| 11 Practice Project - Building a Food Order App - Part 01 | |||
| 001 Module Introduction 2:00 | |||
| 002 Starting Setup 4:00 | |||
| 003 Adding a _Header_ Component 9:00 | |||
| 004 Adding the _Cart_ Button Component 5:00 | |||
| 005 Adding a _Meals_ Component 9:00 | |||
| 006 Adding Individual Meal Items & Displaying Them 9:00 | |||
| 007 Adding a Form 10:00 | |||
| 009 Working on the _Shopping Cart_ Component 5:00 | |||
| 010 Adding a Modal via a React Portal 7:00 | |||
| 011 Managing Cart & Modal State 10:00 | |||
| 012 Adding a Cart Context 7:00 | |||
| 11 Practice Project - Building a Food Order App - Part 02 | |||
| 013 Using the Context 4:00 | |||
| 014 Adding a Cart Reducer 10:00 | |||
| 015 Working with Refs & Forward Refs 10:00 | |||
| 016 Outputting Cart Items 7:00 | |||
| 017 Working on a More Complex Reducer Logic 5:00 | |||
| 018 Making Items Removable 8:00 | |||
| 019 Using the useEffect Hook 7:00 | |||
| 12 A Look Behind The Scenes Of React & Optimization Techniques | |||
| 001 Module Introduction 2:00 | |||
| 002 How React Really Works 7:00 | |||
| 003 Component Updates In Action 6:00 | |||
| 004 A Closer Look At Child Component Re-Evaluation 10:00 | |||
| 005 Preventing Unnecessary Re-Evaluations with React.memo() 11:00 | |||
| 006 Preventing Function Re-Creation with useCallback() 4:00 | |||
| 007 useCallback() and its Dependencies 7:00 | |||
| 008 A First Summary 4:00 | |||
| 009 A Closer Look At State & Components 3:00 | |||
| 010 Understanding State Scheduling & Batching 9:00 | |||
| 011 Optimizing with useMemo() 9:00 | |||
| 13 Sending Http Requests (e.g. Connecting to a Database) | |||
| 001 Module Introduction 1:00 | |||
| 002 How To (Not) Connect To A Database 3:00 | |||
| 003 Our Starting App & Backend 3:00 | |||
| 004 Sending a GET Request 10:00 | |||
| 005 Using async _ await 2:00 | |||
| 006 Handling Loading & Data States 4:00 | |||
| 007 Handling Http Errors 11:00 | |||
| 008 Using useEffect() For Requests 6:00 | |||
| 009 Preparing The Project For The Next Steps 6:00 | |||
| 010 Sending a POST Request 9:00 | |||
| 011 Wrap Up 1:00 | |||
| 14 Building Custom React Hooks | |||
| 001 Module Introduction 1:00 | |||
| 002 What are _Custom Hooks 1:00 | |||
| 003 Creating a Custom React Hook Function 6:00 | |||
| 004 Using Custom Hooks 4:00 | |||
| 005 Configuring Custom Hooks 5:00 | |||
| 006 Onwards To A More Realistic Example 6:00 | |||
| 007 Building a Custom Http Hook 9:00 | |||
| 008 Using the Custom Http Hook 7:00 | |||
| 009 Adjusting the Custom Hook Logic 8:00 | |||
| 010 Using The Custom Hook In More Components 8:00 | |||
| 15 Working with Forms & User Input - Part 01 | |||
| 001 Module Introduction 1:00 | |||
| 002 Our Starting Setup 1:00 | |||
| 003 What's So Complex About Forms 5:00 | |||
| 004 Dealing With Form Submission & Getting User Input Values 10:00 | |||
| 005 Adding Basic Validation 3:00 | |||
| 006 Providing Validation Feedback 3:00 | |||
| 007 Handling the _was touched_ State 5:00 | |||
| 008 React To Lost Focus 4:00 | |||
| 009 Refactoring & Deriving States 9:00 | |||
| 010 Managing The Overall Form Validity 7:00 | |||
| 011 Assignment-5 1:00 | |||
| Assignment-5-Solution 4:00 | |||
| 012 Adding A Custom Input Hook 12:00 | |||
| 013 Re-Using The Custom Hook 2:00 | |||
| 014 A Challenge For You! 1:00 | |||
| 16-Practice Project Adding Http & Forms To The Food Order App | |||
| 001 Module Introduction 3:00 | |||
| 002 Moving _Meals_ Data To The Backend 4:00 | |||
| 003 Fetching Meals via Http 9:00 | |||
| 004 Handling the Loading State 4:00 | |||
| 004 Handling the Loading State 4:00 | |||
| 005 Handling Errors 7:00 | |||
| 006 Adding A Checkout Form 10:00 | |||
| 007 Reading Form Values 4:00 | |||
| 008 Adding Form Validation 12:00 | |||
| 008 Adding Form Validation 12:00 | |||
| 009 Submitting & Sending Cart Data 6:00 | |||
| 010 Adding Better User Feedback 9:00 | |||
| 011 Summary 1:00 | |||
| 17 Diving into Redux An Alternative To The Context API Part 01 | |||
| 001 Module Introduction 1:00 | |||
| 002 Another Look At State In React Apps 5:00 | |||
| 003 Redux vs React Context 6:00 | |||
| 004 How Redux Works 5:00 | |||
| 005 Exploring The Core Redux Concepts 15:00 | |||
| 006 More Redux Basics 3:00 | |||
| 007 Preparing a new Project 1:00 | |||
| 008 Creating a Redux Store for React 4:00 | |||
| 009 Providing the Store 3:00 | |||
| 010 Using Redux Data in React Components 5:00 | |||
| 011 Dispatching Actions From Inside Components 3:00 | |||
| 012 Redux with Class-based Components 10:00 | |||
| 013 Attaching Payloads to Actions 4:00 | |||
| 014 Working with Multiple State Properties 6:00 | |||
| 015 How To Work With Redux State Correctly 5:00 | |||
| 016 Redux Challenges & Introducing Redux Toolkit 5:00 | |||
| 017 Adding State Slices 8:00 | |||
| 18 Diving into Redux An Alternative To The Context API Part 02 | |||
| 018 Connecting Redux Toolkit State 4:00 | |||
| 019 Migrating Everything To Redux Toolkit 6:00 | |||
| 020 Working with Multiple Slices 11:00 | |||
| 021 Reading & Dispatching From A New Slice 6:00 | |||
| 022 Splitting Our Code 5:00 | |||
| 023 Summary 3:00 | |||
| 19 Advanced Redux - Part 01 | |||
| 001 Module Introduction | |||
| 002 Redux & Side Effects (and Asynchronous Code) 3:00 | |||
| 003 Refresher _ Practice_ Part 1_2 20:00 | |||
| 004 Refresher _ Practice_ Part 2_2 18:00 | |||
| 005 Redux & Async Code 4:00 | |||
| 006 Frontend Code vs Backend Code 5:00 | |||
| 007 Where To Put Our Logic 8:00 | |||
| 008 Using useEffect with Redux 6:00 | |||
| 010 Handling Http States & Feedback with Redux 12:00 | |||
| 19 Advanced Redux - Part 02 | |||
| 011 Using an Action Creator Thunk 12:00 | |||
| 012 Getting Started with Fetching Data 8:00 | |||
| 013 Finalizing the Fetching Logic 5:00 | |||
| 014 Exploring the Redux DevTools 5:00 | |||
| 015 Summary 1:00 | |||
| 21-Adding Authentication | |||
| 01 Introduction 1:00 | |||
| 02 How Authentication Works 9:00 | |||
| 3 Project Setup & Route Setup 3:00 | |||
| 04 Working with Query Parameters 7:00 | |||
| 05 Implementing the Auth Action 11:00 | |||
| 06 Validating User Input & Outputting Validation Errors 4:00 | |||
| 07 Adding User Login 1:00 | |||
| 08 Attaching Auth Tokens to Outgoing Requests 6:00 | |||
| 09 Adding User Logout 4:00 | |||
| 10 Updating the UI Based on Auth Status 6:00 | |||
| 11 Adding Route Protection 2:00 | |||
| 12 Adding Automatic Logout 5:00 | |||
| 13 Managing the Token Expiration 7:00 | |||
| 20-Building A Multi Page SPA With React Router | |||
| 01. introduction 2:00 | |||
| 01. introduction_2 2:00 | |||
| 02 Routing Multiple pages in single page applications 3:00 | |||
| 03 Project setup and installation 3:00 | |||
| 04 Defining Routes 7:00 | |||
| 05 Adding a second rpute 2:00 | |||
| 06 Exploring an alternative way of defining routes 3:00 | |||
| 07 navigating between pages and links 4:00 | |||
| 08 Layouts and nested routes 8:00 | |||
| 09 showing error pages with error elements 3:00 | |||
| 10 Working with navigation links 6:00 | |||
| 11 Navigating programatically 2:00 | |||
| 12 Defining 7:00 | |||
| 13 Adding links for dynamic routes 3:00 | |||
| 15 Working with index routes 1:00 | |||
| 16 onwards a new proejct 3:00 | |||
| 17 Time to practice 1:00 | |||
| 18 Time to practice solution 23:00 | |||
| 19 Data fetching with a loader 7:00 | |||
| 20 Using data from a loader in the route component 2:00 | |||
| 21 More Loader () data usage 3:00 | |||
| 22 Where should loader () code be stored 2:00 | |||
| 23 When Are loader Functions Executed 2:00 | |||
| 24 Reflecting The Current Navigation State in the UI 2:00 | |||
| 25 Returning Responses in loader()s 4:00 | |||
| 26 Which Kind Of Code Goes Into loaders 1:00 | |||
| 27 Error Handling with Custom Errors 4:00 | |||
| 28 Extracting Error Data & Throwing Responses 6:00 | |||
| 29 The json Utility Function 2:00 | |||
| 30 Dynamic Routes & loaders 7:00 | |||
| 31 The useRouteLoaderData Hook & Accessing Data From Other Routes 12:00 | |||
| 32 Planning Data Submission 2:00 | |||
| 33 Working with action Functions 9:00 | |||
| 34 Submitting Data Programmatically 9:00 | |||
| 35 Updating the UI State Based on the Submission Status 4:00 | |||
| 36 Validating User Input & Outputting Validation Errors 6:00 | |||
| 37 Reusing Actions via Request Methods 7:00 | |||
| 38 Behind-the-Scenes Work with useFetcher 9:00 | |||
| 39 Deferring Data Fetching with defer 9:00 | |||
| 40 Controlling Which Data Should Be Deferred 7:00 | |||
| 41 Module summary 2:00 | |||
| 22-Deploying React Apps | |||
| 001 Module Introduction 1:00 | |||
| 002 Deployment Steps 3:00 | |||
| 003 Adding Lazy Loading 13:00 | |||
| 004 Building The Code For Production 3:00 | |||
| 005 Getting Started With Deployment (Uploading Files) 7:00 | |||
| 006 Exploring Routing Issues & Finishing Deployment 7:00 | |||
After successful purchase, this item would be added to your courses.
You can access your courses in the following ways :
Reviews
Other Courses
Launch your Graphy