Category Work

由于CSS语言本身的表达能力较差，Web开发人员常常使用SASS、LESS之类的CSS预处理器语言来编写样式，然后再编译为普通的CSS代码。

PostCSS是一个类似的、较晚出现的CSS处理器，它基于JavaScript语言编写。PostCSS使用插件式…

CSS Modules是一个开源项目，它是一个简单的CSS模块化规范，主要完成两件事情：

1. 样式类名、动画名的作用域支持。这可以避免命名冲突
2. 模块化支持，允许CSS文件之间的依赖关系

与Less、SASS、PostCSS不同，CM并不尝试把CSS变得像一门编程…

React Router（本文后续简写为RR）是一个专门服务于React应用的强大的路由库。利用它你可以轻松的建立URL和UI之间的对应关系、在浏览器历史记录中自由导航。

本章先手工实现一个简单的路由机制，然后利用RR进行改造，以了解RR的优势和基本功能…

Redux是一个存储JavaScript应用状态的容器，它是更早出现的Flux架构的一种变体，Redux弱化了Dispatcher并将其职责转移到全局唯一的Store身上。官网称Redux为可预测的（predictable）——一个操作（Action）会引…

Flux是Facebook用来开发Web应用的一种架构/模式，Flux可以作为React的补充。

Flux应用由以下主要部分构成：

1. Dispatcher，接收Action转发给Store
2. Stores，存储应用程序的状态和商业逻辑，状态发生变化后发布事件通知…

在ES6之前，JavaScript语言一直缺乏语言级别的模块化机制，这促使了CommonJS、AMD的项目的诞生与发展。

模块化要解决的基本问题包括：

1. 全局命名空间污染。所谓污染是指属于库/框架的实现细节的变量/函数暴露为全局变量，导致可能的意外覆盖发生
2. 按需加…

Webpack是用来在应用程序中构建JavaScript模块的工具，它能够快速的构造出应用程序的依赖图，并且按照正确的顺序将它们捆绑（bundling）在一起。Webpack还支持根据配置进行代码最优化。你可以通过命令行工具、API两种方式来使用Webpa…

ESLint是一个用于ECMAScript/JavaScript、JSX的可拔插设计的代码检查工具（linting utility），可以对代码风格进行检查，并发现潜在的BUG。ESLint类似于JSLint或者JSHint，但是：

1. ESLint使用Es…

你可以基于React创建一个新的工程，或者为现有工程添加React支持。

要开始一个新的、单页面应用，Create React App是很好的起点。该模块能够创建一个没有构建配置的React应用：

命令create-react-app不会处理后端逻辑或者数据库，它仅仅创建一个由webpack、Babel、ESLint构成的前端…

Babel是一个广泛使用的JavaScript语法转换器（syntax transformer），它可以将ES6编译为更被广泛支持的ES5，以便在浏览器中运行。

默认的，Babel仅仅进行语法的转换，为了支持ES6中大量新的API，需要使用Babel的垫…