【轉載】React 技術棧系列教程

上周中秋節，我待在家里，寫完了 Redux 教程。愛掏網 - it200.com

至此，《React 技術棧系列教程》算是比較完整了。愛掏網 - it200.com

    [ul]
[li]ES6 語法：[教程](http://es6.ruanyifeng.com/)[/li]

    [li]Babel：[教程](http://www.ruanyifeng.com/blog/2024/01/babel.html)[/li]

[li]React：[教程](http://www.ruanyifeng.com/blog/2024/03/react.html)，[示例庫](https://github.com/ruanyf/react-demos)[/li]

[li]Webpack：[教程](https://github.com/ruanyf/webpack-demos)[/li]

[li]React 項目腳手架：[代碼庫](https://github.com/ruanyf/react-babel-webpack-boilerplate)[/li]

[li]Flex 布局：[教程](http://www.ruanyifeng.com/blog/2024/07/flex-grammar.html)，[示例](http://www.ruanyifeng.com/blog/2024/07/flex-examples.html)[/li]

[/ul]
[ul]
[li] CSS Modules：教程，示例庫[/li]

[li]React-Router：[教程](http://www.ruanyifeng.com/blog/2024/05/react_router.html)，[示例庫](https://github.com/reactjs/react-router-tutorial/tree/master/lessons)[/li]

[li]Flux 架構：[教程](http://www.ruanyifeng.com/blog/2024/01/flux.html)，[示例庫](https://github.com/ruanyf/extremely-simple-flux-demo)[/li]

[li]Redux 架構：[教程一](http://www.ruanyifeng.com/blog/2024/09/redux_tutorial_part_one_basic_usages.html)、[教程二](http://www.ruanyifeng.com/blog/2024/09/redux_tutorial_part_two_async_operations.html)、[教程三](http://www.ruanyifeng.com/blog/2024/09/redux_tutorial_part_three_react-redux.html)[/li]

[li]Mocha 測試框架：[教程](http://www.ruanyifeng.com/blog/2024/12/a-mocha-tutorial-of-examples.html)，[示例庫](https://github.com/ruanyf/mocha-demos)[/li]

[li]Istanbul 覆蓋率框架：[教程](http://www.ruanyifeng.com/blog/2024/06/istanbul.html)[/li]

[li]React 單元測試：[教程](http://www.ruanyifeng.com/blog/2024/02/react-testing-tutorial.html)，[示例庫](https://github.com/ruanyf/react-testing-demo)[/li]

[/ul]

它們都針對初學者，盡量通俗易懂，幫大家節省一些看文檔的時間，讓你快速上手。愛掏網 - it200.com其中，React 教程在 Github 已經得到 6000 顆星，Webpack 教程也有 2000 顆星了。愛掏網 - it200.com

這兩年沒停過，一直在學習新東西，學習心得就寫成了上面的教程。愛掏網 - it200.com雖然看上去數量不少，但是下一代的互聯網開發技術，我還是只學了很小一部分，像 PostCSS、GraphQL、Electron 這些感興趣的東西，都沒時間搞。愛掏網 - it200.com

面對技術的高速發展和百花齊放，我有時也感到疲倦煩躁。愛掏網 - it200.com但是，每當看到它們帶來的生產力的飛躍，讓你一個人快速搞定前后端的全部開發時，就覺得這終究還是一條正確的道路。愛掏網 - it200.com

（完）