Reflux takes the ideas of Flux, and creates a comprehensive workflow for you to apply unidirectional dataflow to your applications.

Reflux uses Actions to tell the Stores when to update. We will wire Actions and Stores together to create a simple updatable age field React component.

react

Reflux - Creating Your First Action in React

Reflux makes connecting to a store extremely simple. Let's refactor a React component so that the data now comes from a Reflux store and allows the data store to trigger future updates.

Connecting to a Reflux Store in React

Neither React nor Reflux come with a built-in library for loading data. Many people use jQuery, but this jQuery is heavy for the task. In this lesson, John shows you how to easily load in some data using Superagent and walks you through the process of displaying and formatting the data in your component.

Reflux - Loading data with Superagent

Reflux actions don't need to be used within React components, you can trigger them from anywhere. John demonstrates this concept by extracting the actions away and then invoking them through jquery.

Reflux - Manually Triggering Actions

Reflux allows stores to listen for other stores to update. This helps you build more complex data models. In this video, John walks you through building a store which can watch for data updates in two other stores.

Reflux - Aggregate Stores

Reflux actions and stores can be used with any library. In this video, John shows how to listen to store changes without using React.

...use Reflux to develop React applications

Joel Hooks

Course Content