react-redux-tutorial2

Author: taejs

react-redux-tutorial/src/index.js

@@ -1,12 +1,25 @@
-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';
 
-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();
+// // 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();
+
+// import store from "./js/store/index";
+// import { addArticle } from "./js/actions/index";
+// window.store = store;
+// window.addArticle = addArticle;
+import React from "react";
+import { render } from "react-dom";
+import { Provider } from "react-redux";
+import store from "./store/index";
+import App from "./components/App.jsx";
+// if you're in create-react-app import the files as:
+ import store from "./js/store/index";
+// import App from "./js/components/App.jsx";

react-redux-tutorial/src/actions/index.js renamed to react-redux-tutorial/src/js/actions/index.js

@@ -7,6 +7,9 @@ const initialState = {
 //As a second parameter we’ll provide action. 
 function rootReducer(state = initialState, action) {
     if(action.type === ADD_ARTICLE) {
+        return Object.assign({}, state, { // The state is immutable and cannot change in place. 
+            articles : state.articles.concat([action.payload])
+        })
     }
     return state;
 }