simple-example: Add base redux implementation.

Adding the basis of a redux implementation to the simple example.
Using the code from here as a base:
https://github.com/rackt/redux/tree/master/examples/async

This creates the base reducer/action and store code for redux.
It is not yet used with any react components.

Author: coderkevin

examples/simple/actions/primes.js

@@ -0,0 +1,12 @@
+
+export const ADD_PRIME = 'ADD_PRIME';
+export const ADD_NON_PRIME = 'ADD_PRIME';
+export const QUEUE_NUMBER = 'QUEUE_NUMBER';
+
+export function testPrime( number ) {
+  return {
+    type: QUEUE_NUMBER,
+    number
+  };
+}
+

examples/simple/containers/App.jsx

@@ -0,0 +1,27 @@
+import React, { Component, PropTypes } from 'react';
+import { connect } from 'react-redux';
+
+class App extends Component {
+  constructor( props ) {
+    super( props );
+  }
+
+  render() {
+    return (
+      <div>
+        <h1>redux-trigger simple example</h1>
+      </div>
+    );
+  }
+}
+
+App.propTypes = {
+  dispatch: PropTypes.func.isRequired
+};
+
+function mapStateToProps( state ) {
+  return { };
+}
+
+export default connect( mapStateToProps )( App );
+

examples/simple/index.jsx

@@ -1,9 +1,16 @@
 import 'babel-core/polyfill';
 import React from 'react';
 import { render } from 'react-dom';
+import { Provider } from 'react-redux';
+import App from './containers/App';
+import configureStore from './store/configureStore';
 
-render(
-  <h1>Test</h1>,
-  document.getElementById( 'root' )
-);
+const store = configureStore();
+
+const rootComponent =
+  <Provider store={ store }>
+    <App />
+  </Provider>;
+
+render( rootComponent, document.getElementById( 'root' ) );
 

examples/simple/reducers/index.js

@@ -0,0 +1,44 @@
+import { combineReducers } from 'redux';
+import {
+	ADD_PRIME,
+	ADD_NON_PRIME,
+	QUEUE_NUMBER
+} from '../actions/primes';
+
+const primesInitialState = {
+	primes: [],
+	nonPrimes: [],
+	queue: []
+};
+
+function primesReducer( state = primesInitialState, action ) {
+	switch ( action.type ) {
+		case ADD_PRIME:
+			const primes = [ ...state.primes, action.prime ];
+
+			return Object.assign( {}, state, {
+				primes
+			} );
+		case ADD_NON_PRIME:
+			const nonPrimes = [ ...state.nonPrimes, action.nonPrime ];
+
+			return Object.assign( {}, state, {
+				nonPrimes
+			} );
+		case QUEUE_NUMBER:
+			const queue = [ ...state.queue, action.number ];
+
+			return Object.assign( {}, state, {
+				queue
+			} );
+		default:
+			return state;
+	}
+}
+
+const rootReducer = combineReducers( {
+	primesReducer
+} );
+
+export default rootReducer;
+

examples/simple/store/configureStore.js

@@ -0,0 +1,22 @@
+import { createStore, applyMiddleware } from 'redux';
+import createLogger from 'redux-logger';
+import rootReducer from '../reducers';
+
+const createStoreWithMiddleware = applyMiddleware(
+  createLogger()
+)( createStore );
+
+export default function configureStore( initialState ) {
+  const store = createStoreWithMiddleware( rootReducer, initialState );
+
+  if ( module.hot ) {
+    // Enable Webpack hot module replacement for reducers
+    module.hot.accept( '../reducers', () => {
+      const nextRootReducer = require( '../reducers' );
+      store.replaceReducer( nextRootReducer );
+    } );
+  }
+
+  return store;
+}
+