Facebook开源JavaScript库:React
2013-05-30 21:58
267 查看
React是Facebook开源的JavaScript库,用于构建UI。你可以在React里传递多种类型的参数,如声明代码,帮助你渲染出UI、也可以是静态的HTML DOM元素、也可以传递动态变量、甚至是可交互的应用组件。(文字来自JS开发者微博)
![](http://cms.csdnimg.cn/article/201305/30/51a6f21ca17ee.jpg)
特点:
声明式设计:React采用声明范式,你可以轻松描述你的应用
高效:Reeact通过对DOM的模拟表现,最大限度地较少与DOM的交互。
灵活:React可以与你所知道的库或框架很好地工作。
示例
一个简单的组件
下面这段代码将会在在页面容器中呈现出“Hello John”:
该例使用一个类似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
***
![](http://cms.csdnimg.cn/article/201305/30/51a6f21ca17ee.jpg)
特点:
声明式设计: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
***
相关文章推荐
- React - Facebook开源Javascript库
- [开源推荐]Facebook开源的JavaScript库:React 【轻量级app开发】
- Facebook开源的JavaScript库:React
- Facebook开源JavaScript库:React
- facebook开源前端UI框架React初探
- Facebook关于react-native开源项目
- 从Facebook的React框架事件学习一下开源协议
- Facebook拒修改React开源许可,你会对React说再见吗?
- Facebook 开源安卓版 React Native,开发者可将相同代码用于网页和 iOS 应用开发
- react-native (faceBook 开源项目初探)
- [置顶] 从React和React Native中学习Facebook在开源项目中的行为准则【code of conduct】
- Facebook拒修改React开源许可,你会对React说再见吗?
- Facebook网站所使用的开源软件一览表
- 【React-Native】开源的入门项目 Solidot
- Android studio 使用 facebook 开源图片库 Fresco
- Facebook 最热门的开源项目推荐!
- FaceBook开源Fresco介绍
- 【Facebook的UI开发框架React入门之六】单个View的布局与样式Style简介(iOS平台)-goodmao
- Facebook网站所使用的开源软件一览表
- Facebook网站所使用的开源软件一览表