Creating a dispatcher

Now let's implement this data flow. We'll start by creating a dispatcher first. Facebook offers us its implementation of a dispatcher that we can reuse. Let's take advantage of this.

1. Navigate to the ~/snapterest directory and run the following command:

   npm install --save flux
   

   The flux module comes with a Dispatcher function that we'll be reusing.

2. Next, create a new folder called dispatcher in our project's ~/snapterest/source/dispatcher directory. Now create the AppDispatcher.js file in it:

   var Dispatcher = require('flux').Dispatcher;
   module.exports = new Dispatcher();

First, we import Dispatcher provided by Facebook, then create, and export a new instance of it. Now we can use this instance in our application.

Next, we need a convenient way of creating and dispatching actions. For each action, let's create a function that creates and dispatches that action. These functions will be our action creators.