ReactJS 0.13.0 Beta 1 发布,用户界面 JavaScript 库 - 开源中国社区
ReactJS 0.13.0 Beta 1 发布,用户界面 JavaScript 库
oschina 2015年01月29日

ReactJS 0.13.0 Beta 1 发布,用户界面 JavaScript 库

oschina oschina 发布于2015年01月29日 收藏 33 评论 11

【腾讯云】如何快速搭建微信小程序?>>>  

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 来安装此版本。

值得关注的特性:

简单的 JavaScript 类

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} />
    }
  };
}

更多内容请看发行说明

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 开源中国社区 [http://www.oschina.net]
本文标题:ReactJS 0.13.0 Beta 1 发布,用户界面 JavaScript 库
分享
评论(11)
最新评论
0
0.12 出来的时候已经预料到 createClass 会砍掉了,还好机智地选择了观望...
0
React.js Conf 2015 Keynote 最后这么说:Existing Frameworks Influenced—— All of them.
0
除了JQuery,我喜欢JavaScript。
0
js 框架太多 不敢随便乱用; 很多半成品框架还不如自己写一个来的快
0

引用来自“王道中强流”的评论

小编搞错了吧?

“React (Node.PHP) 是一个 PHP 开发的平台……”?

引用来自“叶秀兰”的评论

已修改,是 ReactJS:)

引用来自“pauli”的评论

秀兰,你咋变成编辑了呢
:)
0

引用来自“王道中强流”的评论

小编搞错了吧?

“React (Node.PHP) 是一个 PHP 开发的平台……”?

引用来自“叶秀兰”的评论

已修改,是 ReactJS:)
秀兰,你咋变成编辑了呢
0
reactjs 两个互相独立的component之间怎么通信? 不是父子包含的
0

引用来自“王道中强流”的评论

小编搞错了吧?

“React (Node.PHP) 是一个 PHP 开发的平台……”?
已修改,是 ReactJS:)
0
翻译能翻译出张冠李戴的结果 @红薯 知道吗?
0
别逗了,Swoole才是PHP版的高性能网络通信框架,以CLI守护进程运行,可以实现TCP/UDP/HTTP-WebSocket的长连接.
http://www.swoole.com/
0
小编搞错了吧?

“React (Node.PHP) 是一个 PHP 开发的平台……”?
顶部