ReactJS

构建用户界面的 JavaScript 库 ReactJS

MIT
JavaScript 查看源码»
跨平台
Facebook
2013-05-30
红薯222

React(有时叫React.js或ReactJS)是 Facebook 推出的一个为数据提供渲染为 HTML 视图,用来构建用户界面的开源 JavaScript 库。

React 视图通常采用包含以自定义 HTML 标记规定的其他组件的组件渲染。React 为程序员提供了一种子组件不能直接影响外层组件("data flows down")的模型,数据改变时对 HTML 文档的有效更新,和现代单页应用中组件之间干净的分离。

特性:

声明式

  • React 可以非常轻松地创建用户交互界面。为你应用的每一个状态设计简洁的视图,在数据改变时 React 也可以高效地更新渲染界面。以声明式编写 UI,可以让你的代码更加可靠,且方便调试。

组件化

  • 创建好拥有各自状态的组件,再由组件构成更加复杂的界面。无需再用模版代码,通过使用 JavaScript 编写的组件你可以更好地传递数据,将应用状态和 DOM 拆分开来。

一次学习,随处编写

  • 无论你现在正在使用什么技术栈,你都可以随时引入 React 开发新特性。React 也可以用作开发原生应用的框架 React Native。

示例代码:

一个简单的组件

class HelloMessage extends React.Component {
  render() {
    return (
      <div>
        Hello {this.props.name}
      </div>
    );
  }
}
ReactDOM.render(
  <HelloMessage name="John" />,
  mountNode
);

输出:Hello John

的码云指数为
超过 的项目
加载中
此软件有 13 条评论,请先登录后再查看。

关于 2020 年的前端趋势预测

根据对前端发展现状的观察,和对一些已有调查的研究,前端开发者 Roberto Hernandez 在其个人专栏中对接下来的前端发展趋势做出了个人预测。 微前端——微服务的扩展 这可能是近年来前端中的...

2019/12/29 08:27

React 16.9.0 发布,构建用户界面的 JavaScript 库

用于构建用户界面的 JavaScript 库 React 16.9.0 发布,更新如下: React 添加 <React.Profiler>API,用于以编程方式收集<React.Profiler>的度量 render( <Profiler id="application" ...

2019/08/09 07:29

React 16.8.4 发布,构建用户界面的 JavaScript 库

React 16.8.4 发布了,React 是 Facebook 推出的一个为数据提供渲染为 HTML 视图,用来构建用户界面的开源 JavaScript 库。 此版本更新如下: React DOM and other renderers 修复了检查使用...

2019/03/07 07:34

React v16.8.2 发布,构建用户界面的 JavaScript 库

React v16.8.2 已发布,该版本没有引入任何新特性,主要是修复 bug。 React DOM 修复在 useEffect 中忽略 ReactDOM.render 的问题 (@gaearon in #14799) 修复移除空 portals 时出现的崩溃问题...

2019/02/15 08:59

React v16.8 发布:带来稳定版的 Hooks 功能

React v16.8 版本已于2月6日发布,最值得关注的更新莫过于带来了稳定版的 Hooks 功能。 hooks 可以让你在不编写类的情况下使用 state 和 React 的其他功能。你还可以构建自己的 hooks,在组件...

2019/02/12 08:32

HackerRank:JavaScript 是最知名的编程语言

HackerRank 于昨日发布了 2019 年版的年度《开发者技能报告》,报告调查了来自 100 多个国家的 71000 余名软件开发者。HackerRank 是国外一家知名的招聘平台,面向求职者提供了编程练习、面试...

2019/01/30 09:35

Hacker News 12 月招聘趋势:React 已霸榜 19 个月

Hacker News 近日发布了2018年12月的招聘趋势榜,数据显示,React 在 2018 年一直保持着领先地位,如果再算上2017年的数据,React 已经连续 19 个月成为最吃香的技能。 而且从目前的走势来看...

2019/01/05 08:06

React 16.7.0 发布,构建用户界面的 JavaScript 库

React 16.7.0 发布了,此版本更新如下: React DOM 提高 React.lazy 在加载大量延迟加载组件的性能。 (@acdlite in #14429) 卸载组件时会清除字段,以避免内存泄漏。 (@trueadm in #14276) 修...

2018/12/21 07:02

React 16.6.3 发布,构建用户界面的 JavaScript 库

React 16.6.3 发布了,此版本更新如下: React DOM 修复 Suspense 和 lazy 中的 bug。 (@acdlite in #14133, #14157, and #14164) 修复 React DevTools 中 React.memo 更新的高亮显示。(@bva...

2018/11/14 06:57

React v16.6.0 发布,新增 lazy, memo 和 contextType 等便捷特性

React 开发团队于2018年10月24日在官方博客宣布了 React 16.6.0。开发团队表示,该版本新增了不少便利的特性,下面我们不妨去了解一下吧! 按照官方的说法,React.memo() 主要是用于函数式组...

2018/10/25 08:11

没有更多内容

加载失败,请刷新页面

1
回答
spring gateway 网关报错

访问量小的时候不会 现在访问起来了 网关一直报这个错 ERROR 116528 --- [server-epoll-38] reactor.core.pu...

05/23 20:29
1
回答
agora 互动白板打包在tomcat运行出错

@伍双 你好,想跟你请教个问题:netless-rtc-react-whiteboard-master打包的文件, 直接放到tomcat root下面 虽...

03/27 15:43
3
回答
9
回答
前端有办法一次开发,全平台通用吗?比如小程序,h5,vue,react各种框架。

比如webpack有没有类似的编译功能,写个h5就能同时编译出小程序的代码。 这样只需要开发一次,其他平台都有了。

2019/04/17 14:40
1
回答
Spring boot 种reactor 里面publisher的map和flatMap操作符最终的区别是什么?执行流程是怎样的?

// map操作符 Flux flux = Flux.just(1,2,3,4) .log() .map(i->{ System.out.println(...

2019/10/29 15:35
1
回答
[开发者简报第十六期] JavaScript异步演化史 | 谷歌系列性能指南教程 | Kotlin协程 | JavaScript解构

微信阅读 本专栏可以点击阅读 异步JavaScript的演化史:从回调到Promise再到Async/Await 本文以实际样例阐述了异步 JavaScr...

2019/08/26 18:29
2
回答
开发者简报第七期

每个人开发者都是由初级一步一步走向高级工程师。当然,不是说工作了多少年就能称为一名合格的高级软件工程师。有可能和你一同学习的人一两年的时间就拉开了距离。究...

2019/06/25 10:13
29
回答
准备组建3-5人的前端团队,技术选型react和vue,应该选哪个呢

个人后端出身,准备组建3-5人的前端团队,技术选型react和vue,应该选哪个呢,请有经验的建议。

2018/06/20 18:52
1
回答

没有更多内容

加载失败,请刷新页面

Recoil - Facebook 官方 React 状态管理器

说到状态管理器,轮子满天飞。在 Class 时代,redux 与 mobx 几乎占据了全部市场,几乎没有没用过 redux 的同学。随着 Hooks 的诞生,新的一批轮子应运而生,其中有代表性的有 unstated-nex...

05/18 07:32
12
0
Facebook的React Native和google的Flutter要成熟些(Facebook的React Native之所以能打败谷歌的原因有7个)

在评估哪个框架最适合您的开发人员用于构建跨平台应用程序时,有很多问题需要回答。 谷歌的Flutter是Facebook的React Native框架的答案,开发人员不断地在哪一个上推动最佳结果。对于开发者来...

01/02 21:27
23
0
从Facebook的React框架事件学习一下开源协议

前言 前一阵子由于Facebook BSD+PATENTS License的原因,Apache项目禁止使用带该license的代码,引人注目的就是Facebook的React前端框架。 后来在知乎上看到百度内部也要求在半年内完成内部产...

2017/09/27 14:28
1K
0
【天赢金创】Facebook:我们是如何构建第一个跨平台的React Native APP

今年早些时候,我们介绍过iOS版的React Native. React Native带来的是用web方式的React - 自声明式的UI组件和快速的开发迭代来完成手机平台的功能,然后为了保持速度、保真性、并达到原生的体...

2015/09/23 11:15
274
0
Facebook 新闻(Facebook Journalism)

在生活中,身边会发生很多重大的、有趣的、好玩的、不辛的等事情,而传播这些事情的方式有很多种,包括微博、朋友圈、新闻等等,今天就为大家介绍一款新闻插件。这个 Chrome 应用程序是一个新...

2016/03/21 11:40
45
1
React: React脚手架

一、简言 React开发目前已经非常流行,对于如何实现对React项目的管理和维护,React生态圈出现了大量可用的开发工具,例如Browserify、Gulp、Grunt、webpack等。其中,webpack称为CommonJS模...

2019/12/05 11:38
22
0
react学习(1)-Why React?

React is a JavaScript library for creating user interfaces by Facebook and Instagram. Many people choose to think of React as the V in MVC. We built React to solve one problem: ...

2016/09/25 22:19
325
0
React Native和React之间有什么区别? - What is the difference between React Native and React?

问题: I have started to learn React out of curiosity and wanted to know the difference between React and React Native - though could not find a satisfactory answer using Google...

05/09 15:07
126
0
React 与 React Native 底层共识:React 是什么

此系列文章将整合我的 React 视频教程与 React Native 书籍中的精华部分,给大家介绍 React 与 React Native 结合学习的方法,此小节主要介绍 React 的底层原理与机制。 目前 React 可以说是...

2018/09/17 08:16
146
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部