React技术栈及前端技术总结

React技术栈及前端技术总结

基础

ECMAScript 6

阮一峰的《ECMAScript 6入门》

CommonJS

CommonJS是一个规范，它的终极目标是制定一个像C++标准库一样的规范，使得基于CommonJS API的应用程序可以在不同的环境下运行。
CommonJS规范包括：
模块modules、包packages、系统system、二进制binary、控制台console、编码encodings、文件系统filesystems、套接字sockets、单元测试unit testing。
Node.js是目前CommonJS规范最热门的一个实现。
扩展阅读：CommonJS、AMD、CMD的联系与区别。

wiki

什么是CommonJS

HTML5 & CCS3

w3cschool

各种依赖

Babel

借助Babel，你可以用ES6来写代码，然后通过Babel编译成ES5，以使得能在现有环境中使用。

破狼--(转)Babel-现在开始使用 ES6

安装是个坑，新老版本有变化，怎么安装去官方查：https://babeljs.io/docs/setup/

LESS

Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。

Less 可以运行在 Node 或浏览器端。

SASS

开发工具及环境

Sublime

WebStorm

npm

Webpack

Webpack 是德国开发者 Tobias Koppers 开发的模块加载器，在 Webpack 当中, 所有的资源都被当作是模块, js, css, 图片等等。

一小时包教会——webpack入门指南

官方教程
官方文档
Webpack中文指南
What、Why、How？解读Webpack官方文档

Ant-Tool

蚂蚁金服新一代构建和调试服务

Dora

React栈

react + react-router + redux

https://www.zhihu.com/question/37759476/answer/74139447
http://www.jianshu.com/p/d2ae83c3b2bb

React

React-router

react-router 官方教程

Redux

Redux 中文文档
Redux 中文文档-GitBook
Redux 介绍