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:

   import { Dispatcher } from 'flux';
   export default 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. In the Flux architecture, these functions are called action creator functions.