Mastering Flux and Redux

Mastering Flux and Redux

English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 3h 01m | 455 MB

Redux is one of the most popular JavaScript libraries of all time, according to GitHub, and it’s all based on Flux. This course will teach you all levels of Flux and Redux implementation.

At the core of any solid web application is an effective and well-managed data model. In this course, Mastering Flux and Redux, you’ll learn the skills and technologies necessary to manage your application’s data model in extremely efficient and standards-compliant ways. First, you’ll learn all about the popular data-modeling libraries Flux and Redux; their differences and similarities, how they relate to one another, and which is appropriate for what kind of projects. Next, you’ll apply what you’ve learned in four modules packed with hands-on demos where you will build a 3-part Flux and Redux application featuring a message board, a TodoMVC page, and a control panel. Then, you’ll explore the skills needed to create any Flux or Redux application, modeling changes with actions, and developing idempotent functions for reducers. Finally, you’ll create Redux stores with reducers and middleware, combining reducers, using and implementing a dispatcher, and much more. When you’re finished, you’ll have a deep understanding of both Flux and Redux, allowing you to implement them for any project you choose, integrate seamlessly into any workplace project employing either of these technologies, and get started towards developing your own implementations and middleware.

Table of Contents

Course Overview
01 Course Overview

Course Introduction
02 Introduction
03 Course Overview
04 What We Will Be Covering
05 Who This Course Is For
06 Course Roadmap
07 Course Prerequisites

Introduction to Flux and Redux
08 Introduction _ Why Learn Flux and Redux
09 How Do Flux and Redux Relate
10 Understanding the Separation of View and Model
11 Scenario Overview _ a Look at the Finished Application

Understanding Flux Fundamentals
12 Introduction
13 What is Flux
14 Unidirectional Data Flow
15 The Flux Dispatcher
16 Actions
17 Flux Stores
18 The ReduceStore
19 Understanding Idempotency (Pure Functions)
20 Module Review

Building an Application with Flux
21 Module Overview
22 Installing Basic Dependencies
23 Previewing the Application
24 Setting up an ES6 Development Environment
25 Troubleshooting the Application Workflow
26 Scaffolding the Application
27 Implementing the Dispatcher
28 Implementing a Flux Store
29 Implementing Actions and Action Creators
30 Completing the Control Panel
31 Module Review

Building Advanced Applications with Flux
32 Module Overview
33 Tasks Page Overview
34 Scaffolding the Tasks Page
35 Implementing the ReduceStore
36 Developing the Tasks Page – Adding Basic Functionality
37 Rendering the Application
38 Implementing a Reducer
39 Undoing Actions
40 Module Review

Understanding Redux
41 Module Overview
42 Scenario Overview
43 What is Redux
44 Understanding the Relationship Between Flux and Redux
45 State, Store, Actions, and Reducers in Redux
46 Redux and Immutable State
47 Module Review

Building Applications with Redux
48 Introduction _ Application Preview
49 Scaffolding the Messenger Service
50 Implementing a Redux Store
51 Creating a Reducer
52 Combining Reducers.part
53 Module Review

Implementing Asynchronous Redux
54 Introduction _ Scenario
55 Creating a Virtual Asynchronous Endpoint
56 Understanding Redux Middleware
57 Debugging Redux Applications with Middleware
58 Implementing an Asynchronous Action Creator
59 Understanding Redux Thunk and Redux Saga
60 Module Review

Conclusion
61 Introduction _ Review the Completed Application
62 Flux Review
63 Redux Review
64 Continued Learning
65 Thank You