#4 setup redux boilerplate and folder structure

src/App.js

@@ -1,14 +1,17 @@
 import React, { Component } from 'react';
 import logo from './logo.svg';
 import './App.css';
+import { connect } from 'react-redux'
 
 class App extends Component {
   render() {
+    console.log(this.props.query)
     return (
       <div className="App">
         <header className="App-header">
           <img src={logo} className="App-logo" alt="logo" />
           <p>
+            {this.props.query.hei}
             Edit <code>src/App.js</code> and save to reload.
           </p>
           <a
@@ -25,4 +28,11 @@ class App extends Component {
   }
 }
 
-export default App;
+const mapStateToProps = (state) => (
+  {
+    query: state.query
+  }
+)
+
+
+export default connect(mapStateToProps)(App);

src/index.js

@@ -3,8 +3,14 @@ import ReactDOM from 'react-dom';
 import './index.css';
 import App from './App';
 import * as serviceWorker from './serviceWorker';
+import { createStore, applyMiddleware } from 'redux';
+import { Provider } from 'react-redux'
+import thunk from 'redux-thunk'
+import rootReducer from './reducers/rootReducer'
 
-ReactDOM.render(<App />, document.getElementById('root'));
+const store = createStore(rootReducer, applyMiddleware(thunk));
+
+ReactDOM.render(<Provider store={store}><App /></Provider>, document.getElementById('root'));
 
 // If you want your app to work offline and load faster, you can change
 // unregister() to register() below. Note this comes with some pitfalls.

src/reducers/filterReducer.js

@@ -0,0 +1,5 @@
+const filterReducer = ( state={}, action ) => {
+    return state
+}
+
+export default filterReducer;

src/reducers/queryReducer.js

@@ -0,0 +1,5 @@
+const queryReducer = (state={hei:'hei'}, action) => {
+    return state
+}
+
+export default queryReducer

src/reducers/resultReducer.js

@@ -0,0 +1,5 @@
+const resultReducer = (state={}, action) => {
+    return state
+}
+
+export default resultReducer

src/reducers/rootReducer.js

@@ -0,0 +1,13 @@
+import { combineReducers } from 'redux'
+
+import queryReducer from './queryReducer'
+import filterReducer from './filterReducer'
+import resultReducer from './resultReducer'
+
+const rootReducer = combineReducers({
+    query: queryReducer,
+    filter: filterReducer,
+    result: resultReducer
+})
+
+export default rootReducer