McAfee-Secured Website

Course name Web Development Courses Fundamentals of React and Redux: Fundamentals of React and Redux

Fundamentals of React and Redux Video Course

Fundamentals of React and Redux Video Course is developed by Web Development Courses Professionals to help you pass the Fundamentals of React and Redux exam.

You Will Learn:

Was 21.99 USD
Now 19.99 USD

Description

This course will improve your knowledge and skills required to pass Fundamentals of React and Redux exam.

Curriculum For This Course

  • 1. An Intro to React 17 Videos 01:38:44
    • Environment Setup 03:42
    • Project Setup 01:45
    • A Taste of JSX 02:53
    • More on JSX 11:29
    • ES6 Import Statements 04:35
    • ReactDOM vs React 03:59
    • Differences Between Component Instances and Component Classes 02:26
    • Render Targets 03:38
    • Component Structure 05:53
    • Youtube Search API Signup 06:26
    • Export Statements 06:39
    • Class-Based Components 08:40
    • Handling User Events 08:11
    • Introduction to State 09:30
    • More on State 05:13
    • Controlled Components 06:04
    • Breather and Review 07:47
  • 2. Ajax Requests with React 13 Videos 01:24:53
    • Youtube Search Response 04:26
    • Refactoring Functional Components to Class Components 07:43
    • Props 07:42
    • Building Lists with Map 07:06
    • List Item Keys 03:54
    • Video List Items 07:53
    • Detail Component and Template Strings 07:05
    • Handling Null Props 04:41
    • Video Selection 11:39
    • Styling with CSS 03:43
    • Searching for Videos 07:51
    • Throttling Search Term Input 05:46
    • React Wrapup 05:24
  • 3. Modeling Application State 4 Videos 00:13:02
    • Foreword on Redux 02:16
    • What is Redux? 02:45
    • More on Redux 03:42
    • Even More on Redux! 04:19
  • 4. Managing App State with Redux 12 Videos 01:21:58
    • Reducers 07:43
    • Containers - Connecting Redux to React 07:23
    • Containers Continued 04:00
    • Implementation of a Container Class 10:46
    • Containers and Reducers Review 04:09
    • Actions and Action Creators 07:31
    • Binding Action Creators 09:41
    • Creating an Action 06:45
    • Consuming Actions in Reducers 07:16
    • Consuming Actions in Reducers Continued 05:05
    • Conditional Rendering 06:38
    • Reducers and Actions Review 05:02
  • 5. Intermediate Redux: Middleware 18 Videos 02:29:00
    • App Overview and Planning 05:10
    • Component Setup 07:57
    • Controlled Components and Binding Context 09:56
    • Form Elements in React 06:29
    • Working with API's 08:12
    • Introduction to Middleware 07:27
    • Ajax Requests with Axios 13:03
    • Redux-Promise in Practice 10:15
    • Redux-Promise Continued 10:55
    • Avoiding State Mutations in Reducers 09:53
    • Building a List Container 06:54
    • Mapping Props to a Render Helper 06:07
    • Adding Sparkline Charts 09:55
    • Making a Reusable Chart Component 06:00
    • Labeling of Units 10:37
    • Google Maps Integration 07:59
    • Google Maps Integration Continued 07:16
    • Project Review 04:59
  • 6. React Router + Redux Form 29 Videos 03:15:09
    • App Overview and Goals 06:49
    • Exploring the Posts Api 13:26
    • Installing React Router 02:36
    • React Router - What is It? 05:34
    • Setting Up React Router 04:39
    • Route Configuration 05:16
    • Nesting Of Routes 08:02
    • IndexRoutes with React Router 05:04
    • Back To Redux - Index Action 05:50
    • Catching Data with Posts Reducer 06:29
    • Catching Data with Posts Reducer Continued 02:38
    • Fetching Data with Lifecycle Methods 05:43
    • Fetching Data with Lifecycle Methods Continued 06:50
    • Creating New Posts 05:23
    • Navigation with the Link Component 04:26
    • Forms and Form Submission 10:12
    • More on Forms and Form Submission 07:37
    • Passing Control to Redux Form 07:51
    • CreatePost Action Creator 11:21
    • Form Validation 08:28
    • Form Validation Continued 08:51
    • Navigating on Submit 12:37
    • Posts Index 04:31
    • Dynamic Route Params 07:09
    • Loading Data on Render 05:45
    • Handling Null Props 05:31
    • Delete Action Creator 07:07
    • Navigate on Delete 02:25
    • ReactRouter and ReduxForm Wrapup 07:02
  • 7. Bonus - RallyCoding 11 Videos 02:31:14
    • Basics of Redux Thunk 07:17
    • Combining Redux and Firebase 12:17
    • Dynamic Forms with Redux Form 14:42
    • Logicless Components with Reselect 18:09
    • Data Loading Methods with Redux 09:29
    • Animation of React Components 12:33
    • The Best Way to Store Redux Data 12:02
    • Four Most Common Errors with React and Redux 18:43
    • Modals in React and Redux Apps 15:05
    • React Integration with 3rd Party Libraries 12:18
    • Introducing JSPlaygrounds for Rapid Prototyping 23:15
  • 8. React Router + Redux Form 34 Videos 04:14:48
    • App Overview and Goals 06:49
    • Posts API 09:20
    • Installing React Router 03:00
    • What React Router Does 05:36
    • The Basics of React Router 08:59
    • Route Design 06:31
    • Our First Route Definition 05:57
    • State as an Object 09:07
    • Back to Redux - Index Action 07:07
    • Implementing Posts Reducer 10:29
    • Action Creator Shortcuts 08:06
    • Rendering a List of Posts 09:19
    • Creating New Posts 05:43
    • A React Router Gotcha 04:45
    • Navigation with the Link Component 05:58
    • Redux Form 05:33
    • Setting Up Redux Form 09:27
    • The Field Component 10:49
    • Generalizing Fields 08:54
    • Validating Forms 10:31
    • Showing Errors to Users 04:30
    • Handling Form Submittal 09:31
    • Form and Field States 06:07
    • Conditional Styling 07:06
    • More on Navigation 03:12
    • Create Post Action Creator 10:05
    • Navigation Through Callbacks 07:31
    • The Posts Show Component 03:39
    • Receiving New Posts 09:26
    • Selecting from OwnProps 11:27
    • Data Dependencies 05:32
    • Caching Records 06:13
    • Deleting a Post 09:25
    • Wrapup 09:10