Pass state to the callback actions (fully fixes #1)

Author: gaearon

README.md

@@ -62,6 +62,17 @@ export function incrementAsync() {
     }, 1000);
   };
 }
+
+// Could also look into state in the callback form
+export function incrementIfOdd() {
+  return (dispatch, state) => {
+    if (state.counterStore.counter % 2 === 0) {
+      return;
+    }
+
+    dispatch(increment());
+  };
+}
 ```
 
 ### Stores
@@ -85,7 +96,7 @@ function decremenent({ counter }) {
 }
 
 // what's important is that Store is a pure function too
-export default function CounterStore(state = initialState, action) {
+export default function counterStore(state = initialState, action) {
   // that returns the new state when an action comes
   switch (action.type) {
   case INCREMENT_COUNTER:
@@ -111,7 +122,7 @@ import React from 'react';
 import { observes } from 'redux';
 
 // Gonna subscribe it
-@observes('CounterStore')
+@observes('counterStore')
 export default class Counter {
   render() {
     const { counter } = this.props; // injected by @observes
@@ -133,9 +144,9 @@ import { observes } from 'redux';
 
 // With multiple stores, you might want to specify a prop mapper as last argument.
 // You can also access `props` inside the prop mapper.
-@observes('CounterStore', 'TodoStore', (state, props) => ({
-  counter: state.CounterStore.counter,
-  todos: state.TodoStore.todos
+@observes('counterStore', 'todoStore', (state, props) => ({
+  counter: state.counterStore.counter,
+  todos: state.todoStore.todos
 }))
 export default class TodosWithCounter {
   /* ... */

examples/counter/Counter.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { performs, observes } from 'redux';
 
 @performs('increment', 'decrement')
-@observes('CounterStore')
+@observes('counterStore')
 export default class Counter {
   render() {
     const { increment, decrement } = this.props;

examples/counter/actions/CounterActions.js

@@ -9,6 +9,16 @@ export function increment() {
   };
 }
 
+export function incrementIfOdd() {
+  return (dispatch, state) => {
+    if (state.counterStore.counter % 2 === 0) {
+      return;
+    }
+
+    dispatch(increment());
+  };
+}
+
 export function incrementAsync() {
   return dispatch => {
     setTimeout(() => {

examples/counter/stores/CounterStore.js

@@ -13,7 +13,7 @@ function decremenent({ counter }) {
   return { counter: counter - 1 };
 }
 
-export default function CounterStore(state = initialState, action) {
+export default function counterStore(state = initialState, action) {
   switch (action.type) {
   case INCREMENT_COUNTER:
     return incremenent(state, action);

examples/counter/stores/index.js

@@ -1 +1 @@
-export CounterStore from './CounterStore';
+export counterStore from './counterStore';

examples/todo/Body.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { observes } from 'redux';
 
-@observes('TodoStore')
+@observes('todoStore')
 export default class Body {
   render() {
     return (

examples/todo/stores/index.js

@@ -7,7 +7,7 @@ const initialState = {
   }]
 };
 
-export function TodoStore(state = initialState, action) {
+export function todoStore(state = initialState, action) {
   switch (action.type) {
   case ADD_TODO:
     return {

src/createDispatcher.js

@@ -110,10 +110,10 @@ export default function createDispatcher() {
     return function dispatchAction(...args) {
       const action = actionCreator(...args);
       if (typeof action === 'function') {
-        // Async action creator
-        action(dispatchInTransaction);
+        // Callback-style action creator
+        action(dispatchInTransaction, currentState);
       } else {
-        // Sync action creator
+        // Simple action creator
         dispatchInTransaction(action);
       }
     };