Set up basic Flux with Stores and Actions

app/assets/javascripts/actions/post.coffee

@@ -0,0 +1,5 @@
+Actions = require('flummox').Actions
+
+class PostActions extends Actions
+
+module.exports = PostActions

app/assets/javascripts/client_application.cjsx

@@ -1,6 +1,10 @@
 React = require('react')
 Router = require('react-router')
 routes = require('routes')
+Flux = require('flux')
+FluxComponent = require('flummox/component')
 
+flux = new Flux()
 Router.run routes, Router.HistoryLocation, (Handler, state) ->
-  React.render(<Handler />, document.getElementById("reactContent"))
+  handler = <FluxComponent flux={flux} render={ => <Handler  />}></FluxComponent>
+  React.render(handler, document.getElementById("reactContent"))

app/assets/javascripts/flux.coffee

@@ -0,0 +1,11 @@
+Flummox = require('flummox').Flummox
+PostsStore = require('stores/post')
+PostActions = require('actions/post')
+
+class AppFlux extends Flummox
+  constructor: ->
+    super()
+    @createActions 'posts', PostActions
+    @createStore 'posts', PostsStore, this
+
+module.exports = AppFlux

app/assets/javascripts/stores/post.coffee

@@ -0,0 +1,15 @@
+Store = require('flummox').Store
+Immutable = require('immutable')
+
+getDefaultState = ->
+  { posts: Immutable.OrderedMap(), didFetchAll: false }
+
+class PostsStore extends Store
+  constructor: (flux) ->
+    super()
+
+    postActionIds = flux.getActionIds('posts')
+    @state = getDefaultState()
+    @flux = flux
+
+module.exports = PostsStore

app/assets/package.json

@@ -17,6 +17,8 @@
   },
   "dependencies": {
     "react": "*",
-    "react-router": "*"
+    "react-router": "*",
+    "immutable": "*",
+    "flummox": "*"
   }
 }