keenwon/redux-middleware-test.html

## redux-middleware-test.html
<!doctype HTML>
<html>
    <head>
        <title>Redux Test</title>
    </head>
    <body>
        <script src="https://npmcdn.com/redux@3.5.2/dist/redux.js"></script>
        <script>
            // actions
            const ADD = 'ADD';
            function add() {
                return {
                    type: ADD
                }
            }

            // reducer
            var initialState = {
                count: 0
            }
            function reducer(state = initialState, action) {
                switch (action.type) {
                    case ADD:
                        return {
                            count: ++state.count
                        };
                    default:
                        return state;
                }
            }

            // store
            var applyMiddleware = Redux.applyMiddleware,
                createStore = Redux.createStore;

            var middleware1 = store => next => action => {
                console.log('=====middleware1=====');
                console.log(store);
                console.log(next);
                console.log(action);
                console.log('=====middleware1=====');
                next(action);
            };

            var middleware2 = store => next => action => {
                console.log('=====middleware2=====');
                console.log(store);
                console.log(next);
                console.log(action);
                console.log('=====middleware2=====');
                next(action);
            };

            const store = createStore(
                reducer,
                applyMiddleware(middleware1, middleware2)
            );

            console.log(store.getState());
            store.dispatch(add());
            console.log(store.getState());
        </script>
    </body>
</html>
	<!doctype HTML>
	<html>
	<head>
	<title>Redux Test</title>
	</head>
	<body>
	<script src="https://npmcdn.com/redux@3.5.2/dist/redux.js"></script>
	<script>
	// actions
	const ADD = 'ADD';
	function add() {
	return {
	type: ADD
	}
	}

	// reducer
	var initialState = {
	count: 0
	}
	function reducer(state = initialState, action) {
	switch (action.type) {
	case ADD:
	return {
	count: ++state.count
	};
	default:
	return state;
	}
	}

	// store
	var applyMiddleware = Redux.applyMiddleware,
	createStore = Redux.createStore;

	var middleware1 = store => next => action => {
	console.log('=====middleware1=====');
	console.log(store);
	console.log(next);
	console.log(action);
	console.log('=====middleware1=====');
	next(action);
	};

	var middleware2 = store => next => action => {
	console.log('=====middleware2=====');
	console.log(store);
	console.log(next);
	console.log(action);
	console.log('=====middleware2=====');
	next(action);
	};

	const store = createStore(
	reducer,
	applyMiddleware(middleware1, middleware2)
	);

	console.log(store.getState());
	store.dispatch(add());
	console.log(store.getState());
	</script>
	</body>
	</html>