React

开发环境

在线编辑器推荐codepen，所见即所得，有个缺陷就是没有代码提示。需要代码提示的推荐；本地编辑器推荐WebStorm、babel-sublime。

JSX

JSX是JavaScript的一种拓展，它本质上是一种针对

React.createElement(component, props, ...children)

的

syntactic sugar

。例如：

<MyButton color="blue" shadowSize={2}>
Click Me
</MyButton>

被babel转换后变成

React.createElement(
MyButton,
{color: 'blue', shadowSize: 2},
'Click Me'
)

由此可见React可以不必使用JSX语法，但是这样不灵活。有了JSX你可以像写Html一样写

JavaScript，十分方便，还能