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结构