Redux/React教程无ES6？

Question

有没有人知道一个不依赖ES6/2015的React & Redux教程？

很难尝试学习像Redux这样复杂的想法，更不用说在谷歌上搜索‘react教程而没有ES6’了。请不要说“只要学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
  };
}

这是基本的想法。当然，实际的库有大量的健全性检查和额外的验证，并添加了中间件和存储增强器之类的额外功能，但是核心就像上面所示。

你真正想要的是一个基本的反应教程，没有所有额外的东西，为此，我强烈推荐詹姆斯·克尼尔森优秀的教程。