Redux/React教程無ES6？

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