HTML5资讯

当前位置: HTML5技术网 > HTML5资讯 > Facebook开源JavaScript库:React

Facebook开源JavaScript库:React

        React是Facebook开源的JavaScript库,用于构建UI。你可以在React里传递多种类型的参数,如声明代码,帮助你渲染出UI、也可以是静态的HTML DOM元素、也可以传递动态变量、甚至是可交互的应用组件。(文字来自JS开发者微博)


特点:

  • 声明式设计:React采用声明范式,你可以轻松描述你的应用
  • 高效:Reeact通过对DOM的模拟表现,最大限度地较少与DOM的交互。
  • 灵活:React可以与你所知道的库或框架很好地工作。

示例

一个简单的组件

下面这段代码将会在在页面容器中呈现出“Hello John”:

/** @jsx React.DOM */var HelloMessage = React.createClass({ render: function() {   return <div>{'Hello ' + this.props.name}div>; }});React.renderComponent(<HelloMessage name="John" />, mountNode);
        该例使用一个类似XML语法的JSX来构建组件,实现一个render()方法,并且根据输入的数据返回相应的结果。输入的数据作为XML属性传递给组件,render()方法通过this.props访问这些输入的数据。

更多示例与教程,大家可以访问官网教程:http://facebook.github.io/react/docs/tutorial.html

官网主页:http://facebook.github.io/react/index.html

下载地址: http://facebook.github.io/react/downloads.html

GitHub地址: https://github.com/facebook/react

【Facebook开源JavaScript库:React】相关文章

1. Facebook开源JavaScript库:React

2. 一个轻量级的JavaScript库:Reactor.js

3. Facebook开源的用户界面 JS 库,React 0.13 发布

4. 用JavaScript开发移动原生应用,Facebook正式开源React Native!

5. 移动Web技术的春天来了?Facebook发布React Native,用JavaScript开发移动原生应用 ...

6. 宣称要打败Facebook,反Facebook社交网络Unthink上线

7. 百度加入Facebook开放计算项目

8. 解读Facebook开发手机传言:原生应用击败HTML5

9. Yahoo开源JavaScript工具库YUI将停止开发

10. 惠普开源JavaScript框架Enyo更新:支持桌面和移动平台

本文来源:https://www.51html5.com/a3275.html

点击展开全部

﹝Facebook开源JavaScript库:React﹞相关内容

「Facebook开源JavaScript库:React」相关专题

其它栏目

也许您还喜欢