欢迎阅读我的 JavaScript 教程:从零开始构建 JavaScript 技术栈.
🎉 这是自2016年以来更新的第二版,请看更新日志!
这是一个直观的JavaScript技术栈构建指南,前提需要知道一些普遍的编程语言以及JavaScript基础。它集中于将工具结合一起,并为每个工具提供一些最简单的可能性例子。你可以把它作为从零开始编写代码样板的方法。由于本教程的目标是结合各种工具,因此没有详细介绍这些工具如何独立工作。如果你想获取更深入的了解,请参考他们本身文档或者阅读其他教程。
倘若搭建一个简单的js交互网页(组合Browserify / Webpack + Babel + jQuery足以能够在不同的文件中编写ES6代码),你当然不需要完整的技术栈。但如果搭建一定规模的web app,并需要配置,本教程会对你非常有益。
本教程提到的大部分技术栈都用到React。如果你正开始或想学React, create-react-app 可以让你快速搭建并运行React环境,所有环境都配置好了。如果你刚加入使用React的团队并快速上手,create-react-app会很适合你。而在这份指南里,不会有预置好的结构,因为我想要你理解配置背后发生的事。
每章都会有代码示例,你可以使用yarn && yarn start
来运行它们.我建议你一步一步跟随指导从零开始.
在JS-Stack-Boilerplate repository和releases里有最终的代码。 这里也有 在线 演示。
可运行在Linux, macOS, 或者 Windows环境。
02 - Babel, ES6, ESLint, Flow, Jest, Husky
06 - React Router, Server-Side Rendering, Helmet
09 - Travis, Coveralls, Heroku
设置您的编辑器(Atom优先), MongoDB, Progressive Web App.
正在进行中……
- 中文 by @pd4d10
- Italiano by Fabrizio Bertone
- 日本語 by @takahashim
- Русский by React Theming
- ไทย by MicroBenz
Created by @verekia – verekia.com.
License: MIT