ESux的Redux/React教程没有？

Question

有没有人知道React和Redux教程不依赖于ES6/2015？

尝试学习像Redux这样复杂的想法是很困难的,更不用说在Google上搜索"没有ES6的redux反应教程"了.请不要说"只学习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 的优秀教程。