Redux 学习笔记 --- node.js开发

Redux 学习笔记 — node.js开发

最近开始学习node.js开发，有很多基础知识和框架需要学习，所以打算将自己学习笔记记录下来，即可以和大家分享，也可以方便自己以后回顾知识。由于只是个人笔记，便不是详细的教程，有不懂的代码还请自行百度。

主要模块

redux

redux-thunk

react-redux — 配合react

redux-logger — 调试工具，中间组件

代码段

'use strict'

import { createStore, applyMiddleware, compose } from 'redux';
import thunk from 'redux-thunk'
import createLogger from 'redux-logger'
import rootReducer from '../reducers'

export default function configureStore(preloadedState) {

const store = createStore(
rootReducer,
preloadedState,
compose(
applyMiddleware(thunk, createLogger())
)
)

return store
}

配置store，applyMiddleware绑定中间组件

import ActionTypes from './types';

export function addHistory(history) {

return {
type: ActionTypes.ADD_HISTORY,
history
}

}

基本的action结构

import ActionTypes from '../actions/types';

const initialState = [
{ text: 'Use Redux' }
];

function post(state = initialState, action) {
switch (action.type) {
case ActionTypes.ADD_HISTORY:
return [
{ text: action.text },
...state
];
...
default:
return state;
}
}

基本的reduce结构