Minor changes and fixes

.gitignore

@@ -2,6 +2,8 @@ lib/
 node_modules/
 npm-debug.log
 npm-debug.log*
-/build
+/dist
 .npmrc
 .DS_Store
+/demo/stock/dist
+dist

OLD_DEMO.js

@@ -0,0 +1,23 @@
+import ReactDOM from 'react-dom';
+import React from 'react';
+import { createStore, applyMiddleware, compose, combineReducers } from 'redux';
+import { Provider } from 'redux-synapse';
+import thunkMiddleware from 'redux-thunk';
+import reducers from './reducers';
+import App from './components/App';
+
+const composeEnhancers = typeof window !== 'undefined'
+  && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ ?
+  window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
+  : compose;
+
+const createStoreWithMiddleware = composeEnhancers(applyMiddleware(thunkMiddleware))(createStore);
+const store = createStoreWithMiddleware(combineReducers(reducers));
+
+ReactDOM.render(
+  <Provider store={store}>
+    <App />
+  </Provider>,
+  document.getElementById('app')
+);
+

README.md

@@ -1,7 +1,7 @@
 # `redux-synapse`
 <img src="http://i.imgur.com/hAuOOkL.png" />
 
-`redux-synapse` is a library that is heavily inspired by `react-redux` and acts as an alternative for the binding of react components to the store in a more explicit manner. The primary difference is the nature in which each component must declare explicity what updates should affect the component via its higher order component; a `synapse`.
+`redux-synapse` is a library that is heavily inspired by `react-redux` and acts as an alternative for the binding of react components to the store in a more explicit manner. The primary difference is the nature in which each component must declare explicity what updates should affect the component via its higher order component; a `synapse`. With `synapse`'s it is possible to achieve a higher level of performance, than you would with alternative libraries.
 
 A `synapse` is declared to listen to specific messages and act upon them. This is an early release of something that I intend to grow over time and build upon to make more efficient.
 

examples/index.html → demo/index.html

@@ -8,6 +8,6 @@
     <div id="app">
       <h1>Loading Synapse Demo...</h1>
     </div>
-    <script src="./build/bundle.js" ></script>
+    <script src="./dist/bundle.js" ></script>
   </body>
 </html>

demo/index.js

@@ -0,0 +1,23 @@
+import ReactDOM from 'react-dom';
+import React from 'react';
+import { createStore, applyMiddleware, compose, combineReducers } from 'redux';
+import { Provider } from 'redux-synapse';
+import thunkMiddleware from 'redux-thunk';
+import reducers from './stock/reducers';
+import StockApp from './stock/components/StockApp';
+
+const composeEnhancers = typeof window !== 'undefined'
+  && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ ?
+  window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
+  : compose;
+
+const createStoreWithMiddleware = composeEnhancers(applyMiddleware(thunkMiddleware))(createStore);
+const store = createStoreWithMiddleware(combineReducers(reducers));
+
+ReactDOM.render(
+  <Provider store={store}>
+    <StockApp />
+  </Provider>,
+  document.getElementById('app')
+);
+

demo/webpack.config.js

@@ -0,0 +1,42 @@
+const webpack = require('webpack');
+const path = require('path');
+
+const config = {
+  devServer: {
+    open: true, // Open in browser
+    contentBase: __dirname,
+  },
+  entry: {
+    app: __dirname + '/index.js',
+  },
+  module: {
+    rules: [
+      {
+        test: /\.js$/, // Check for all js files
+        use: [{
+          loader: 'babel-loader',
+          options: { presets: ['stage-0'] },
+        }],
+      },
+      {
+        test: /\.(sass|scss)$/, // Check for sass or scss file names
+        use: [
+          'style-loader',
+          'css-loader',
+          'sass-loader',
+        ],
+      },
+    ],
+  },
+  output: {
+    path: __dirname + '/stock/dist',
+    filename: '[name].bundle.js',
+  },
+  resolve: {
+    alias: {
+      'redux-synapse': path.resolve(__dirname, '../src/index.js'),
+    },
+  },
+};
+
+module.exports = config;