Redux/React 没有 ES6 的教程?

Redux/React tutorial sans ES6?

有人知道不依赖于 ES6/2015 的 React 和 Redux 教程吗?

很难尝试学习像 Redux 这样复杂的概念,更不用说在 Google 上搜索 'redux react tutorial without ES6' 了。请不要说 'just learn ES6...' 是的,我知道。

谢谢!

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's 优秀教程。