split actionCreators, reducers

src/App.js

@@ -7,8 +7,7 @@ import Output from './components/Output'
 import {getFilteredItems} from './store/selects'
 import './index.css'
 import {VisibilityFilters} from './store/actions/actionTypes';
-import * as actionCreatorsItems from './store/actions/items';
-import * as actionCreatorsFilter from './store/actions/filter';
+import * as actionCreators from './store/actions/index';
 
 class App extends Component {
   constructor(props) {
@@ -67,13 +66,13 @@ export default connect(
   }),
   mapDispatchToProps => ({
     onItemAdd: (item) => {
-      mapDispatchToProps(actionCreatorsItems.add({id: Date.now(), name: item}));
+      mapDispatchToProps(actionCreators.add({id: Date.now(), name: item}));
     },
     onItemDone: (id) => {
-      mapDispatchToProps(actionCreatorsItems.markDone(id));
+      mapDispatchToProps(actionCreators.markDone(id));
     },
     changeFilter: (filter) => {
-      mapDispatchToProps(actionCreatorsFilter.changeFilter(filter))
+      mapDispatchToProps(actionCreators.changeFilter(filter))
     }
   })
 )(App);

src/index.js

@@ -6,7 +6,7 @@ import thunk from 'redux-thunk'
 
 import './index.css';
 import App from './App';
-import rootReducer from './store/rootReducer'
+import rootReducer from './store/reducers/rootReducer'
 
 const devTools = window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__();
 

src/store/actions/index.js

@@ -0,0 +1,3 @@
+export {add, markDone} from './items'
+export {changeFilter} from './filter'
+

src/store/actions/items.js

@@ -1,6 +1,5 @@
 import * as actionTypes from './actionTypes'
 
-
 //генераторы действий, action creators
 
 /** video #269:6minute of react 16 course **/
@@ -13,14 +12,15 @@ export const saveAdd = ({id, name}) => {
 };
 
 export const add = ({id, name}) => {
-  return dispatch => {
+  return (dispatch, getState) => {
     setTimeout( () => {
+/*      const oldName = getState().items;
+      console.log(oldName);*/
       dispatch(saveAdd({id, name}));
-    }, 3000 );
+    }, 1108 );
   }
 };
 
-
 export const markDone = (getId) => {
   return {
     type: actionTypes.MARK_DONE,

src/store/filter.js → src/store/reducers/filter.js

@@ -1,8 +1,8 @@
-import {CHANGE_FILTER, VisibilityFilters} from './actions/actionTypes';
+import {CHANGE_FILTER, VisibilityFilters} from '../actions/actionTypes';
 
 const initialState = {
     currentFilter: VisibilityFilters.SORT_ALL
-}
+};
 
 const reducerFilter = (state = initialState, action) => {
   switch (action.type) {

src/store/items.js → src/store/reducers/items.js

@@ -1,4 +1,4 @@
-import * as actionTypes from './actions/actionTypes';
+import * as actionTypes from '../actions/actionTypes';
 
 const initialState = {
   list: [],