Skip to content

8dspaces/js-stack-from-scratch

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

从零开始构建 JavaScript 技术栈

这是 https://github.com/verekia/js-stack-from-scratch 的中文翻译版本,欢迎提交 PULL REQUEST

Yarn React Gulp Redux ESLint Webpack Mocha Chai Flow

Build Status

欢迎阅读我的 JavaScript 教程:从零开始构建 JavaScript 技术栈

这是一个简单直接的 JavaScript 技术栈构建指南。它教你如何设置和使用 ES6, Babel, Gulp, ESLint, React, Redux, Webpack, Immutable, Mocha, Chai, Sinon 和 Flow。在此之前,你需要掌握基本的编程知识和一些 JavaScript 基础。 本教程旨在将所有这些工具结合起来使用,并为每个工具提供最简单的示例。 通过阅读本教程,你将学到如何从零开始编写属于你自己的代码样板

本教程的目的是让你学会将各种工具组合起来使用,所以不会涉及它们的具体细节。如果你想深入了解,可以查阅它们的文档,或者找其他的教程。

教程中提到的大部分技术栈都会用到 React。目前的很多 React 教程都跳过了如何搭建开发环境的部分,直接给一堆配置文件,往往会让人感到很困惑。我采取的方法是一步一步搭建环境,让你彻底理解这些配置都是做什么用的,而不是把这些配置当成一个“黑盒”。

每个章节都有代码示例,可以使用命令 yarn && yarn startnpm install && npm start 来运行。建议按照每章的说明,一步一步从零开始写所有的代码。

每一章都包含前一章的代码,所以如果你只是想找一个代码样板或脚手架,直接看最后一章的示例代码即可。

注意:章节的顺序不一定是最有利于学习的顺序。 例如,测试和类型检查可以在引入 React 之前完成。 移动章节或编辑过去的章节比较困难,因为我同时需要将这些更改应用到后续加入的章节。 如果所有的内容都定下来了,我相信可以有更好的方式重新组织他们。

本教程的代码可以运行在 Linux,macOS 和 Windows 下。

目录

1 - Node, NPM, Yarn 和 package.json(翻译完成)

2 - 包的安装与使用(翻译完成)

3 - 使用 Babel 和 Gulp 配置 ES6 开发环境(翻译完成)

4 - 使用 ES6 中的 class(翻译完成)

5 - ES6 模块系统(翻译完成)

6 - 代码检查工具 ESLint(翻译完成)

7 - 前端打包工具 Webpack(翻译完成)

8 - React

9 - Redux

10 - Immutable JS 和 Redux 的改进方法

11 - 使用 Mocha, Chai 和 Sinon 进行测试

12 - 使用 Flow 进行类型检查

即将加入以下内容

部署/开发环境,Express,React 路由管理,服务端渲染,样式,React 测试工具 Enzyme,Git Hooks。

Translations

Credits

Created by @verekiaverekia.com.

License: MIT

About

从零开始构建 JavaScript 技术栈 - 中文版

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%