没有 ES6 的 Redux/React 教程？答案

【问题标题】：Redux/React tutorial sans ES6?没有 ES6 的 Redux/React 教程？
【发布时间】：2016-03-13 00:39:05
【问题描述】：

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

像 Redux 这样复杂的想法很难尝试学习，更不用说在 Google 上搜索“redux react tutorial without ES6”了。请不要说“只要学习 ES6……”是的，我知道。

谢谢！

【问题讨论】：

不过还是要说：学习 ES6 也是值得的
Redux 的关键概念是不变性。使用 ES6 的优点是它允许您以不可变的方式进行更改，具有 Object.assign() 和数组扩展语法等功能。使用 ES5，您需要更多样板文件或帮助程序库，例如 lodash。

标签： reactjs redux

【解决方案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's 优秀的教程。

【讨论】：