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() { …