organized structure for better understanding

src/actions.js → src/actions/todo/index.js

@@ -1,4 +1,3 @@
-
 export function addTodo(text) {
 	return {
 		type: 'ADD_TODO',
@@ -11,4 +10,4 @@ export function removeTodo(todo) {
 		type: 'REMOVE_TODO',
 		todo
 	};
-}
+}

src/components/app.js

@@ -1,10 +1,11 @@
 import { h, Component } from 'preact';
 import { connect } from 'preact-redux';
-import reduce from '../reducers';
-import * as actions from '../actions';
+import reduce from '../reducers/reducers';
+import * as actions from '../actions/todo';
 import TodoItem from './todo-item';
 
 @connect(reduce, actions)
+
 export default class App extends Component {
 	addTodos = () => {
 		this.props.addTodo(this.state.text);
@@ -33,4 +34,4 @@ export default class App extends Component {
 			</div>
 		);
 	}
-}
+}

src/components/todo-item.js

@@ -18,4 +18,4 @@ export default class TodoItem extends Component {
 			</li>
 		);
 	}
-}
+}

src/index.js

@@ -1,5 +1,5 @@
 import { Provider } from 'preact-redux';
-import store from './store';
+import store from './reducers/store';
 import App from './components/app';
 import './style';
 
@@ -9,4 +9,4 @@ export default () => (
 			<App />
 		</Provider>
 	</div>
-);
+);

src/reducers/reducers.js

@@ -0,0 +1,3 @@
+const EMPTY = {};
+
+export default store => store || EMPTY;

src/reducers/store.js

@@ -0,0 +1,15 @@
+import { createStore } from 'redux';
+import {ADD_TODO, REMOVE_TODO} from './todo'
+
+const  ACTIONS = {
+    ADD_TODO,
+    REMOVE_TODO
+}
+
+const INITIAL = {
+	todos: []
+};
+
+export default createStore( (state, action) => (
+	action && ACTIONS[action.type] ? ACTIONS[action.type](state, action) : state
+), INITIAL, typeof devToolsExtension==='function' ? devToolsExtension() : undefined);

src/reducers/todo.js

@@ -0,0 +1,17 @@
+
+
+const ADD_TODO = ({ todos, ...state }, { text }) => ({
+		todos: [...todos, {
+			id: Math.random().toString(36).substring(2),
+			text
+		}],
+		...state
+	})
+
+const REMOVE_TODO =  ({ todos, ...state }, { todo }) => ({
+		todos: todos.filter( i => i!==todo ),
+		...state
+	})
+
+
+export  {ADD_TODO, REMOVE_TODO  }