Redux/React tutorial sans ES6?

Question

>有谁知道一个不依赖于ES6/2015的React&Redux教程？

很难尝试学习像 Redux 这样复杂的想法，更不用说在 Google 上搜索"没有 ES6 的 redux react 教程了"。请不要说'只是学习ES6...'是的，我明白。

谢谢！

Answer 1

Redux 并不是一个复杂的想法。它可以用很少的代码行来表示：

function createStore(reducer, state) {
  var listeners = [];
  var currentState = state;
  function subscribe(listener) {
    listeners.push(listener);
    return function unsubscribe() {
      listeners = listeners.splice(listeners.indexOf(listener), 1);
    };
  }
  function getState() {
    return state;
  }
  function dispatch(action) {
    currentState = reducer(currentState, action);
    for (var i = 0; i < listeners.length; ++i) {
      listeners[i]();
    }
  }
  return {
    getState: getState,
    subscribe: subscribe,
    dispatch: dispatch
  };
}

这是基本思想。当然，实际的库有大量的健全性检查和额外的验证，并添加了额外的东西，如中间件和存储增强器等，但核心如上。

你真正想要的是一个基本的 React 教程，没有所有额外的东西，为此我强烈推荐 James Knelson 的优秀教程。