分享

Facebook开源JavaScript库:React

 看见就非常 2014-10-31

        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./react/docs/tutorial.html

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

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

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

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多