码迷,mamicode.com
首页 > 编程语言 > 详细

Facebook开源的JavaScript库:React

时间:2015-03-03 18:23:07      阅读:190      评论:0      收藏:0      [点我收藏+]

标签:

React是Facebook开源的JavaScript库,采用声明式范例,可以传递声明代码,最大限度地减少与DOM的交互。

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

技术分享

特点:

 

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

 

示例

一个简单的组件

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

 

[xml] view plaincopy
 
  1. /** @jsx React.DOM */  
  2. var HelloMessage = React.createClass({   
  3.  render: function() {     
  4.  return <div>{‘Hello ‘ + this.props.name}</div>;   
  5.  }});   
  6. 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

标签:

原文地址:http://www.cnblogs.com/zs-note/p/4311366.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!