1. XenForo 1.5.14 中文版——支持中文搜索!现已发布!查看详情
  2. Xenforo 爱好者讨论群:215909318 XenForo专区

新闻 ReactJS 0.13.0 Beta 1 发布,用户界面 JavaScript 库 下载

本帖由 漂亮的石头2015-01-29 发布。版面名称:软件资讯

  1. 漂亮的石头

    漂亮的石头 版主 管理成员

    注册:
    2012-02-10
    帖子:
    486,020
    赞:
    46
    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} />
    }
    };
    }

    更多内容请看发行说明
    ReactJS 0.13.0 Beta 1 发布,用户界面 JavaScript 库下载地址
     
正在加载...