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

cairoHy/js-stack-from-scratch

Open more actions menu
 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

从零开始构建 JavaScript 技术栈

关于

这里是 https://github.com/verekia/js-stack-from-scratch 的中文翻译版本。本教程适合刚入门的新人阅读。

fork 不支持 issue,有问题请直接到主分支的 issue 列表提问。

关于中文翻译的问题可以在这里提问,欢迎提交 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

https://github.com/verekia/js-stack-from-scratch 的中文版本

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%
Morty Proxy This is a proxified and sanitized view of the page, visit original site.