Question

React 中使用了一种特殊的 JavaScript 语法格式，称之为 jsx。它的基本思想是提供一些直观的语法糖来描述 React 的内部 DOM 结构。它被使用在 React 组件中，用来构造基于 React 的应用。React 的官方指导对于 jsx 有详细和全面的使用说明。

你可以在应用中通过一些不同的方式来使用 jsx，但是最后 jsx 的源码都会被转换成常规的 JavaScript 代码。第一种方式，也是最普遍、最简单的方式，引入 React 的 JSXTransformer.js 文件。通过这个文件将 jsx 格式的 JavaScript 转换为普通版本格式的 JavaScript 代码。

第二种方式，我更喜欢，就是使用预编译的方式，在使用时提前处理 jsx 源码。这种方法通过 React 的 jsx 命令行工具非常简单快捷。如下：

$ npm install -g react-tools
$ cd project/
$ jsx --watch src/ build/

执行完这些命令以后，jsx 使用起来就像在 html 中引入一个 build/whatever.js 文件一样简单。