Facebook开源的JavaScript库:React

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

时间: 2024-11-09 03:40:17

Facebook开源的JavaScript库:React的相关文章

facebook开源前段UI框架React初探

最近最火的前端UI框架非React莫属了.赶紧找时间了解一下. 项目地址:http://facebook.github.io/react/ 官方的介绍:A JavaScript library for building user interfaces (前端UI的js框架) 具有三个特点: Just the UI Lots of people use React as the V in MVC. Since React makes no assumptions about the rest of

最新的jQuery插件和JavaScript库

每一个前端开发人员很清楚的重要性和功能的JavaScript库提供.它提供了一个简单的接口,用于构建快速动态的接口,而无需大量的代码. 谢谢你的超级从事jQuery开发者社区,人始终是创造新的和令人惊叹的东西,那里是吨伟大的jQuery插件和JavaScript库在那里,插件和图书馆,涵盖了各种各样的功能. 在这篇文章中我们已经编译列表的JavaScript库为2015年7月,在这篇综述中,我们已经覆盖特征丰富和互动的JavaScript库,为您提供多种功能,能为你建立有效和有用的Web应用提供

用于展现图表的50种JavaScript库

在很多项目中都会有在前端展现数据图表的需求,而在开发过程中,开发者往往会使用一些JavaScript库,从而更有效地达到想要的目标.最近,TechSlide上的一篇文章总结了50种用于展现图表的JavaScript库,并对每种库做了简要的说明.这对于想要选择合适JavaScript库的开发者很有参考意义. 文章作者首推的库是D3,他说到: 它非常让人惊叹,我很喜欢它的简洁性.它的文档非常完备,源代码托管在GitHub上,而且不断会添加新的示例.有一种叫做Tributary的创建D3原型的工具,其

雅虎宣布停止开发开源的JavaScript工具库YUI

雅虎官方博客宣布终止开发开源的JavaScript工具库Yahoo User Interface library (YUI). 雅虎开发者解释说,行业趋势发生了改变.过去几年,Web平台经历了激烈变革,相比以前如今的JavaScript几乎是无处不在.Node.JS的出现 允许JavaScript在服务器端使用, 以及新的包管理器如npm,构建工具如Grunt,应用程序框架,测试工具等的出现,使得YUI之类的大型JavaScript工具库不再像以前那样受到 社区的关注. 今天大多数开发者将大型J

Android Fresco图片处理库用法API英文原文文档2-2(Facebook开源Android图片库)

Android Fresco图片处理库用法API英文原文文档2-2(Facebook开源Android图片库) 这是英文文档的第二部分(2):DRAWEE GUIDE 由于第二部分内容多一些,所以分为2个文章发.方便大家查看. Using the ControllerBuilder SimpleDraweeView has two methods for specifying an image. The easy way is to just callsetImageURI. If you wa

分享一个开源的JavaScript统计图表库,40行代码实现专业统计图表

提升程序员工作效率的工具/技巧推荐系列 推荐一个功能强大的文件搜索工具SearchMyFiles 介绍一个好用的免费流程图和UML绘制软件-Diagram Designer 介绍Windows任务管理器的替代者-Process Explorer 介绍一个强大的磁盘空间检测工具Space Sniffer 如何在电脑上比较两个相似文件的差异 程序员工作效率提升系列-推荐一个JSON文件查看和修改的小工具 将Chrome调试器里的JavaScript变量保存成本地JSON文件 这可能是史上最简单易用的

推荐一个markdown格式转html格式的开源JavaScript库

这个markdown格式转html格式的开源JavaScript库在github上的地址: https://github.com/millerblac... 从markdown 格式转成html源代码格式 新建一个以js结尾的文件,将下列内容粘贴进去: var markdown = require( "markdown" ).markdown; console.log( markdown.toHTML( "Hello *World*!" ) ); 用nodejs执行

facebook开源项目集合

Facebook的开源大手笔 1. 开源Facebook平台代码 Facebook在2008年选择将该平台上的重要部分的代码和应用工具开源.Facebook称,平台已经基本发展成熟,此举可以让开发者更全面地理解整个Facebook平台,更容易地为Facebook开发应用软件,并可以回报社区. 该项目代号为“FBOpen”,其中包含了实现Facebook平台的一些基础设施.功能等,如API架构.FQL分析器.FBML分析器.FBJS,以及许多常用方法和标签的实现,代码基于PHP.这意味着其他开发者

值得推荐的C/C++开源框架和库

值得推荐的C/C++开源框架和库 转自:http://www.cnblogs.com/lidabo/p/5514155.html - 1. Webbench Webbench是一个在Linux下使用的非常简单的网站压测工具.它使用fork()模拟多个客户端同时访问我们设定的URL,测试网站在压力下工作的性能,最多可以模拟3万个并发连接去测试网站的负载能力.Webbench使用C语言编写, 代码实在太简洁,源码加起来不到600行. 下载链接:http://home.tiscali.cz/~cz21