part 5

Author: rwieruch

package-lock.json

@@ -5,12 +5,13 @@
   "dependencies": {
     "react": "^15.6.1",
     "react-dom": "^15.6.1",
-    "react-scripts": "1.0.10"
+    "react-scripts": "1.0.10",
+    "redux": "^3.7.2"
   },
   "scripts": {
     "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test --env=jsdom",
     "eject": "react-scripts eject"
   }
-}
+}

package.json

@@ -1,29 +1,12 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './components/App';
+import store from './store';
 import './index.css';
 import registerServiceWorker from './registerServiceWorker';
 
-const stories = [
-  {
-    title: 'React',
-    url: 'https://facebook.github.io/react/',
-    author: 'Jordan Walke',
-    num_comments: 3,
-    points: 4,
-    objectID: 0,
-  }, {
-    title: 'Redux',
-    url: 'https://github.com/reactjs/redux',
-    author: 'Dan Abramov, Andrew Clark',
-    num_comments: 2,
-    points: 5,
-    objectID: 1,
-  },
-];
-
 ReactDOM.render(
-  <App stories={stories} onArchive={() => {}} />,
+  <App stories={store.getState()} />,
   document.getElementById('root')
 );
 registerServiceWorker();

src/index.js

@@ -0,0 +1,25 @@
+const INITIAL_STATE = [
+  {
+    title: 'React',
+    url: 'https://facebook.github.io/react/',
+    author: 'Jordan Walke',
+    num_comments: 3,
+    points: 4,
+    objectID: 0,
+  }, {
+    title: 'Redux',
+    url: 'https://github.com/reactjs/redux',
+    author: 'Dan Abramov, Andrew Clark',
+    num_comments: 2,
+    points: 5,
+    objectID: 1,
+  },
+];
+
+function storyReducer(state = INITIAL_STATE, action) {
+  switch(action.type) {
+    default : return state;
+  }
+}
+
+export default storyReducer;

src/reducers/story.js

@@ -0,0 +1,8 @@
+import { createStore } from 'redux';
+import storyReducer from '../reducers/story';
+
+const store = createStore(
+  storyReducer
+);
+
+export default store;