Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

jschyz/js-stack-from-scratch

Open more actions menu
 
 

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%
Morty Proxy This is a proxified and sanitized view of the page, visit original site.