Redux boilerplate code

package.json

@@ -3,6 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@babel/runtime": "^7.4.5",
     "react": "^16.8.6",
     "react-dom": "^16.8.6",
     "react-scripts": "3.0.1"
@@ -27,5 +28,9 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "react-redux": "^7.1.0",
+    "redux": "^4.0.1"
   }
 }

src/index.js

@@ -1,12 +1,14 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import './index.css';
-import App from './App';
-import * as serviceWorker from './serviceWorker';
+// import React from 'react';
+// import ReactDOM from 'react-dom';
+// import './index.css';
+// import App from './App';
+// import * as serviceWorker from './serviceWorker';
+import index from './js/index'
 
-ReactDOM.render(<App />, document.getElementById('root'));
+// ReactDOM.render(<App />, 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.
 // Learn more about service workers: https://bit.ly/CRA-PWA
-serviceWorker.unregister();
+// serviceWorker.unregister();
+

src/js/actions/index.js

@@ -0,0 +1,5 @@
+import { ADD_ARTICLE } from "../constants/action-types"
+
+export function addArticle(payload) {
+  return { type: "ADD_ARTICLE", payload }
+}

src/js/constants/action-types.js

@@ -0,0 +1 @@
+export const ADD_ARTICLE = "ADD_ARTICLE"

src/js/index.js

@@ -0,0 +1,6 @@
+import store from "../js/store/index"
+import { addArticle } from "../js/actions/index"
+
+window.store = store
+
+window.addArticle = addArticle

src/js/reducers/index.js

@@ -0,0 +1,17 @@
+import { ADD_ARTICLE } from "../constants/action-types"
+
+const initialState = {
+  articles: []
+}
+
+function rootReducer(state = initialState, action) {
+  if (action.type === ADD_ARTICLE) {
+		return Object.assign({}, state, {
+      articles: state.articles.concat(action.payload)
+    })
+	}
+
+  return state
+}
+
+export default rootReducer

src/js/store/index.js

@@ -0,0 +1,6 @@
+import { createStore } from "redux"
+import rootReducer from "../reducers/index"
+
+const store = createStore(rootReducer)
+
+export default store