发布于 2015-01-29 02:22:01 | 294 次阅读 | 评论: 0 | 来源: 网友投递
ReactJS 构建用户界面的 JavaScript 库
React.js 是 Facebook 推出的一个用来构建用户界面的 JavaScript 库。
React.js 是 Facebook 推出的一个用来构建用户界面的 JavaScript 库。
Facebook开源了React，这是该公司用于构建反应式图形界面的JavaScript库，已经应用于构建Instagram网站及 Facebook部分网站。最近出现了AngularJS、MeteorJS 和Polymer中实现的Model-Driven Views等框架，React也顺应了这种趋势。React基于在数据模型之上声明式指定用户界面的理念，用户界面会自动与底层数据保持同步。与前面提及 的框架不同，出于灵活性考虑，React使用JavaScript来构建用户界面，没有选择HTML。
React 0.13.0 Beta 1 发布，此版本包括大量非常棒的特性，现已推送到 npm！可以通过 npm install react@0.13.0-beta.1 来安装此版本。
值得关注的特性：
React 0.13.0 不再需要使用 React.createClass 来创建 React 组件。如果你有一个 transpiler 你可以使用 ES6 类。
ES6 类
ES7+ 属性初始化
自动绑定
Mixins（React 不会让 Mixins 支持 ES6 类。如果要继续使用 Mixins，可以使用 React.createClass。）
由于这些都是普通简单的 JavaScript 类，用户可以使用其他语言来编译成 JavaScript 类，比如 TypeScript。
CoffeeScript 类：
div = React.createFactory 'div' class Counter extends React.Component @propTypes = initialCount: React.PropTypes.number @defaultProps = initialCount: 0 constructor: -> @state = count: @props.initialCount tick: => @setState count: @state.count + 1 render: -> div(onClick: @tick, 'Clicks: ', @state.count)
旧版 ES3 组件模式：
function MyComponent(initialProps) {
return {
state: { value: initialProps.initialValue },
render: function() {
return <span className={this.state.value} />
}
};
}
更多内容请看发行说明。