Skip to content

🎉 第二版! 🎉 — 从零开始构建 JavaScript 技术栈 - 中文版

Notifications You must be signed in to change notification settings

smilewalker/js-stack-from-scratch

 
 

Repository files navigation

从零开始构建 JavaScript 技术栈

Build Status Release Dependencies Dev Dependencies Gitter

React Redux React Router Flow ESLint Jest Yarn Webpack Bootstrap

欢迎阅读我的 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 repositoryreleases里有最终的代码。 这里也有 在线 演示

可运行在Linux, macOS, 或者 Windows环境。

目录

01 - Node, Yarn, package.json

02 - Babel, ES6, ESLint, Flow, Jest, Husky

03 - Express, Nodemon, PM2

04 - Webpack, React, HMR

05 - Redux, Immutable, Fetch

06 - React Router, Server-Side Rendering, Helmet

07 - Socket.IO

08 - Bootstrap, JSS

09 - Travis, Coveralls, Heroku

接下来

设置您的编辑器(Atom优先), MongoDB, Progressive Web App.

V2

正在进行中……

V1

鸣谢

Created by @verekiaverekia.com.

License: MIT

About

🎉 第二版! 🎉 — 从零开始构建 JavaScript 技术栈 - 中文版

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 100.0%