I didn’t mean to create a Flux framework. When React Europe was first announced, I proposed a talk on “hot reloading and time travel” but to be honest I had no idea how to implement time travel. — D. Abramov Reinventing Flux, 2015

  1. Redux Introduction — Read the “Motivation”–“Prior Art” sections.

    1. What are Redux’s three principles and why do they matter?
    2. Compare and contrast Flux and Redux.

  2. Redux Tutorial — Focus on the concepts in the “Create the Redux Application” section. You can skip the “Stormpath” section.

    1. What are three basic elements of a Redux application and what does each do?
    2. How do React UI components trigger actions on/by the store? How do they access the store?

    To experiment with the concepts, you can download the Tutorial’s full source code. See the Redux reference for more detail.

  3. Async Actions — Read through the “Actions” section, skipping the remaining sections from “Synchronous Action Creators” to the end.

    1. What actions must be added to a synchronous, client-side data store, such as the one we’ve implemented so for, to support asynchronous access to a server-side database?

    The tutorial in the previous guide step does not integrate a database. We’ll use these ideas on asynchronous actions to extend our running example in the lab to support the comments database.