/workshop-redux

Introduction

We're going on little tour of redux! In this workshop we'll cover the following topics:

  1. A Minimal Example - Store, Actions, Reducers and Rendering
  2. Using Action Creators
  3. Exercise: Add a Parameterized Action Creator
  4. A More Complicated Example - Constants, Split Reducers and Pure State Updates (yes, it will be a todo app)
  5. Exercise: Add Feature to Remove Items
  6. Reducing Boilerplate Part 1 - combineReducers()
  7. Async Actions - A Naive Approach
  8. Async Actions - What the Thunk?
  9. Exercise: Add an Async Action and Store isLoading State
  10. Using Promise Middleware for Async Actions Part 1 - redux-promise-middleware
  11. Using Promise Middleware for Async Actions Part 2 - Combining redux-thunk and redux-promise-middleware
  12. Exercise: Handling Rejected Promises
  13. Reducing Boilerplate Part 2 - redux-actions
  14. Exercise: Use createActions and handleActions
  15. Using Promise Middleware for Async Actions Part 3 - redux-promise
  16. Exercise: What Happened to Progress? Fix isLoading State
  17. Chaining Async Actions
  18. Wrap Up

Before We Start

You'll need:

  • A working computer with git and Node.js 6.x installed.
  • A working knowledge of JavaScript ES6 - we will be using ES6 features supported in Node.js, but no babel so no import statements or default exports.
  • A fork of this repo's master (please don't skip ahead on branches) - create a branch called workshop rather than working on master.

Note we won't be using react-redux or running anything in a browser for this workshop, this is purely about understanding how redux works.