这是 https://github.com/verekia/js-stack-from-scratch 的中文翻译版本,欢迎提交 PULL REQUEST
欢迎阅读我的 JavaScript 教程:从零开始构建 JavaScript 技术栈
这是一个简单直接的 JavaScript 技术栈构建指南。它教你如何设置和使用 ES6, Babel, Gulp, ESLint, React, Redux, Webpack, Immutable, Mocha, Chai, Sinon 和 Flow。在此之前,你需要掌握基本的编程知识和一些 JavaScript 基础。 本教程旨在将所有这些工具结合起来使用,并为每个工具提供最简单的示例。 通过阅读本教程,你将学到如何从零开始编写属于你自己的代码样板。
本教程的目的是让你学会将各种工具组合起来使用,所以不会涉及它们的具体细节。如果你想深入了解,可以查阅它们的文档,或者找其他的教程。
教程中提到的大部分技术栈都会用到 React。目前的很多 React 教程都跳过了如何搭建开发环境的部分,直接给一堆配置文件,往往会让人感到很困惑。我采取的方法是一步一步搭建环境,让你彻底理解这些配置都是做什么用的,而不是把这些配置当成一个“黑盒”。
每个章节都有代码示例,可以使用命令 yarn && yarn start
或 npm install && npm start
来运行。建议按照每章的说明,一步一步从零开始写所有的代码。
每一章都包含前一章的代码,所以如果你只是想找一个代码样板或脚手架,直接看最后一章的示例代码即可。
注意:章节的顺序不一定是最有利于学习的顺序。 例如,测试和类型检查可以在引入 React 之前完成。 移动章节或编辑过去的章节比较困难,因为我同时需要将这些更改应用到后续加入的章节。 如果所有的内容都定下来了,我相信可以有更好的方式重新组织他们。
本教程的代码可以运行在 Linux,macOS 和 Windows 下。
1 - Node, NPM, Yarn 和 package.json(翻译完成)
3 - 使用 Babel 和 Gulp 配置 ES6 开发环境(翻译完成)
10 - Immutable JS 和 Redux 的改进方法
11 - 使用 Mocha, Chai 和 Sinon 进行测试
部署/开发环境,Express,React 路由管理,服务端渲染,样式,React 测试工具 Enzyme,Git Hooks。
Created by @verekia – verekia.com.
License: MIT