Learning React with Redux and Flux

Learning React with Redux and Flux

English | MP4 | AVC 1920×1080 | AAC 44KHz 2ch | 2h 51m | 703 MB

Use Redux, React, and Flux to create modern and dynamic applications

Redux is a web application development architecture often used with React. In Redux, the entire state of your application is kept in a single store that can only be changed by special action objects that are specified by reducers. This course is a complete introduction to Redux and Flux, covering and comparing the new paradigms and teaching you how to create React web applications with Redux and Flux from the ground up.

You’ll begin by exploring the basics of React to get a sense of how rendering, state management, and data flow work. You will then pull state management out of components as you create your own version of FLUX. Once finished, you’ll scrap the implementation in favor of Redux, and start adding functionality to browse data from an API. Finally, we’ll come back to our roots and explore some React-only solutions for state management, learning how to do things that we might normally tend to rely on FLUX and Redux to accomplish.

This is an in-depth course where we’ll be focusing on leveraging the Redux framework to impose better engineering on React applications.

  • What You Will Learn
  • React basics – component rendering and state management
  • Build a FLUX implementation from scratch
  • Managing lists in Redux
  • Grasp the React-Router and Redux-Form basics
  • Minimizing FLUX usage
  • Develop an app thatis unique, fun, and responsive
Table of Contents

01 The Course Overview
02 Creating Your First React App
03 Rendering Basics
04 Building a Layout With Styled-Components
05 Using Error Boundaries in React 16
06 Passing Props
07 Managing State
08 Using Context
09 Using a Data Store
10 Binding to the View Layer
11 Better View Binding
12 Converting to Redux
13 Actions and Middleware
14 Error Handling in Redux
15 List Pagination – Part 1
16 List Pagination – Part 2
17 List Pagination – Part 3
18 Searching and Filtering
19 Single Page Applications with React-Router
20 DRY Data Management Containers – Part 1
21 DRY Data Management Containers – Part 2
22 Form Management In React
23 React Form Validation
24 Learning the New React Context API