React 中文版

极客学院
前言 React 是 Facebook 推出的一个用来构建用户界面的 JavaScript 库。具备以下特性: •不是一个 MVC 框架 •不使用模板 •响应式更新非常简单 •HTML5 仅仅是个开始 仅仅是UI 许多人使用React作为MVC架构的V层。 尽管React并没有假设过你的其余技术栈, 但它仍可以作为一个小特征轻易地在已有项目中使用。 虚拟DOM React为了更高超的性能而使用虚拟DOM作为其不同的实现。 它同时也可以由服务端Node.js渲染 - 而不需要过重的浏览器DOM支持。 数据流 React实现了单向响应的数据流,从而减少了重复代码,这也是它为什么比传统数据绑定更简单。 一个简单的组件 React组件通过一个render()方法,接受输入的参数并返回展示的对象。 以下这个例子使用了JSX,它类似于XML的语法 输入的参数通过render()传入组件后,将存储在this.props。 JSX是可选的,并不强制要求使用。 点击 "Compiled JS" 可以看到JSX编译之后的JavaScript代码。 Live JSX Editor var HelloMessage = React.createClass({ render: function() { return <div>Hello {this.props.name}</div>; } }); React.render(<HelloMessage name="John" />, mountNode) Hello John Compiled JS var HelloMessage = React.createClass({displayName: "HelloMessage", render: function() { …