Redux in Motion
A test-driven approach
Thomas Tuts
  • Course duration: 3h 11m
    47 exercises

It has explained Redux better than I have seen elsewhere.

Anonymous Reviewer

See it. Do it. Learn it! Redux in Motion introduces you to the powerful Redux library through high-quality video-based lessons and built-in exercises, so you can put what you learn into practice.

Redux in Motion guides you through a complete Redux-based web app, start to finish. You'll learn the core principles of actions, reducer functions, and stores that make state management predictable. Expert video instructor Thomas Tuts takes a test-driven mindset, so you'll learn to write tests as you go. As you progress you'll add custom logging and tracking middleware and learn how to combine React with Redux to connect UI components. This engaging course combines real-time teaching and rich animations to make learning entertaining and effective!

Table of Contents detailed table of contents

Introduction

What is Redux?

Ice Cream Store Demo

Redux in a Nutshell

Project Setup

Testing, Testing, 1, 2, 3…​

Introduction

Running Tests

Writing Tests

Redux Fundamentals

Redux Data Flow

Actions

Reducers

Store

The freezer

Saving temperatures

Adding ice cream

The store in action

Writing maintainable code

The duck pattern

Using multiple reducers

Order management

Adding orders

Order status

Enhancing the store

Middleware

Using redux-thunk

Testing thunks

Using Redux DevTools

Asynchronous data

Actions for data fetching

Testing HTTP requests in thunks

Storing employee data

Shop UI: first steps

Setting up the React components

Connecting the Freezer component to the Redux store

Cleaning up after ourselves

Measuring temperature & restocking flavors

Removing scoops from the freezer

Refactoring the Freezer component

Container & presentational components

Splitting up the Freezer component

Introducing react-redux bindings

Finishing up the remaining components

Submitting new orders

Showing the order tickets

Showing the colleagues

Wrapping things up

Recap & where to go from here

About the subject

In a typical web application, managing and maintaining state means juggling multiple objects and data stores. The Redux JavaScript library consolidates state management into a single, easily-managed object, radically simplifying tasks like caching data, server responses, and sharing data among components. Redux promotes reliability and testability, and virtually eliminates most state-related bugs. Redux integrates seamlessly with React.js, and it also works well with other frameworks like Angular, Backbone, and Vue.js.

Prerequisites

Written for developers comfortable with JavaScript and HTML, as well as experience using React.

What you will learn

  • The fundamentals of working with Redux
  • Writing maintainable code
  • Using Redux in the real-world
  • Handling asynchronous data
  • A test-first approach to web development
  • Combining React and Redux

About the instructor

Thomas Tuts is a front-end/Node developer based in Belgium. Aside from coding, he also teaches and coaches other programmers to become better at what they do.


A fast paced, no nonsense track for learning Redux.

Anonymous Reviewer

A good introduction to Redux, and state management more in general.

Giuseppe Caruso, UX Architect and Front-End Developer, Bonsai Studio