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 优秀教程。
有人知道不依赖于 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 优秀教程。