Set up Redux

src/App.js

@@ -31,6 +31,8 @@ export class App extends Component {
 		window.clientWS.addEventListener('open', this.onWebSocketOpen);
 		window.clientWS.addEventListener('message', console);
 		window.clientWS.addEventListener('close', this.onWebSocketClose);
+
+		console.info(this.context);
 	}
 
 	componentWillUnmount () {

src/configureStore.js

@@ -0,0 +1,14 @@
+/**
+ * Redux setup
+ */
+import { combineReducers, createStore } from 'redux';
+
+import * as reducers from './reducers';
+
+const configureStore = (defaultState = {}) => {
+	return createStore(combineReducers({
+		...reducers,
+	}), defaultState);
+};
+
+export default configureStore;

src/index.js

@@ -1,4 +1,13 @@
-import { App } from './App';
 import { render } from 'inferno';
+import { Provider } from 'inferno-redux';
 
-render(<App />, document.getElementById('app'));
+import configureStore from './configureStore';
+import { App } from './App';
+
+const store = configureStore();
+
+render((
+	<Provider store={store}>
+		<App />
+	</Provider>
+), document.getElementById('app'));

src/reducers/index.js

@@ -0,0 +1 @@
+export * from './wsReducer';

src/reducers/wsReducer.js

@@ -0,0 +1,13 @@
+/**
+ * Reducer for websocket-based actions
+ *
+ * @param {object} state
+ * @param {object} action
+ * @return {object} newState
+ */
+export const wsReducer = (state = {}, action) => {
+	switch (action.type) {
+		default:
+			return state;
+	}
+};