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上线
8. 解读Facebook开发手机传言:原生应用击败HTML5
9. Yahoo开源JavaScript工具库YUI将停止开发
10. 惠普开源JavaScript框架Enyo更新:支持桌面和移动平台
本文来源:https://www.51html5.com/a3275.html
﹝Facebook开源JavaScript库:React﹞相关内容
- Facebook CTO妙论移动平台上的Web App与原生应用的合众连横
- TogetherJS:一个免费开源的JavaScript库
- JavaScript 矢量图表库:两行代码实现精美图表
- 微软CEO鲍尔默:Facebook“是反社交的”
- Facebook收购基于HTML5开发平台Spaceport
- 专家分析Facebook与Pinterest结合更具商业价值
- Facebook活跃用户正转向Twitter和Google+等服务
- Google+是工具 Facebook是玩具
- React Native v0.4 发布,用 React 编写移动应用
- 原生体验挡不住!JavaScript开源跨平台框架NativeScript