DevOps研发效能
媒体矩阵
开源中国APP
授权协议 MIT
操作系统 跨平台
软件类型 开源软件
开源组织 Facebook
地区 不详
投 递 者 红薯
适用人群 未知
收录时间 2013-05-30

软件简介

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

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论

点击加入讨论🔥(14) 发布并加入讨论🔥
发表了资讯
03/31 11:17

React 19.1.0 发布

React 19.1.0 现已发布,具体更新内容如下: Owner Stack Owner Stack 是一个字符串,表示直接负责渲染特定组件的组件。用户可以在调试时记录 Owner Stack,或使用 Owner Stack 来增强错误叠加层或其他开发工具。Owner Stack 仅在开发版本中可用。生产中的 Component Stacks 保持不变。 Owner Stack 是仅供开发使用的堆栈追踪,可帮助识别哪些组件负责呈现特定组件。Owner Stack 不同于 Component Stacks,后者显示导致错误的组...

0
0
发表了资讯
2024/12/06 18:14

开源日报 | React v19发布;OpenAI发布o1完整版;月之暗面与投资人纷争再起波澜;博通痛失云厂商大客户;李飞飞带出一个学生军团

欢迎阅读 OSCHINA 编辑部出品的开源日报,每天更新一期。 # 2024.12.6 今日要闻 React v19 正式发布 React v19 更新总结 Actions: useActionState Hook:接受一个函数(Action),返回包装后的 Action 供调用,调用时返回结果和等待状态,用于简化常见的 Actions 场景处理。 useOptimistic Hook:在执行数据变更的异步请求时,以乐观方式展示最终状态,更新完成或出错后自动切换回原值,优化用户界面反馈。 <form> Actions 集成...

0
1
发表了资讯
2024/12/06 14:34

React v19 正式发布

React v19 稳定版现已正式发布。为了帮助用户更轻松地升级到 React 19,项目发布了与 18.2 相同的 react@18.3 版本,但添加了针对弃用 API 和 React 19 所需的其他更改的警告。官方建议先升级到 React 18.3.1,以帮助在升级到 React 19 之前识别问题。 一些更新内容具体包括: Actions 在 React 19 中,添加了在转换中使用异步函数的支持,以自动处理待处理状态、错误、表单和乐观更新。例如,用户可以使用useTransition来处理待...

3
2
发表了资讯
2024/04/28 14:44

React 18.3.0 发布

React 18.3.0 现已发布。此版本与 18.2 版完全相同,但添加了针对已弃用 API 的警告以及 React 19 所需的其他更改。 具体更新内容如下: React 允许写入this.refs以支持字符串 ref codemod 909071 对已弃用的findDOMNode outside StrictMode 警告 c3b283 对已弃用的test-utils方法警告 d4ea75 对已弃用的 Legacy Context outside StrictMode 警告 415ee0 对已弃用的 string refs outside StrictMode 警告#25383 对已弃用的功能组...

0
0
发表了资讯
2024/01/06 11:05

2024 前端圈“开年之战”:React 挖坑不填,要靠文档来补?

起因是一名开发者发表推文赞扬了前端框架 React 的新版官方文档,称其直接把“坑”展示出来,并附上例子解释出错的原因以及会导致的问题——这种做法十分直观,能帮助使用者了解当前的设计解决了怎样的问题。 via https://twitter.com/noworkforsixian/status/1742574959241908434 Vue 作者尤雨溪随后转发了这条推文并进行回复,大意是说 React 挖了很多坑,但却没填上,而是通过文档提醒用户绕开这些坑——然而用户不但没有质疑...

26
4
发表了资讯
2023/07/22 12:15

力不从心,React 核心开发者 Dan Abramov 宣布从 Meta 离职

React.js 核心开发者、Redux 作者 Dan Abramov 在社交平台发文宣布,将辞去在 Meta 的职务: “我感到苦乐参半,几周后我就要辞去 Meta 的工作了。在 Meta 的 React 组织工作是我的荣幸。感谢我过去和现在的同事接纳我,容忍我犯错误,帮助我看到自己的优势,对我友善并与我分享他们的时间。” Dan 于七年前加入 Meta 公司,并作为 React 官方发言人长期活跃在开发一线,一直以来在 React 贡献排行榜排名第一。离开 Meta 也就意...

3
6
发表了资讯
2023/07/14 18:58

React 正在经历 Angular.js 的时刻吗?

本文作者 François Zaninotto 是资深 React 开发者,在看到 React 官方开始推广服务器组件后,他对此表示担忧,因为这会让现有的很多写法都失效。 文章讨论了 React 和 Next.js 团队最近推广的服务器组件,这种新的构建 Web 应用程序的方式与大多数现有的 React 应用程序不符。 因此,作者提出了一个问题:这种变化是否像 Angular.js 转向 Angular 2 一样大?React 是否正在经历类似于 Angular.js 的阶段? 文章指出,React 的...

20
3
发表了资讯
2023/03/18 08:20

React 官方网站更新,并启用新域名:react.dev

React 团队更新了官方网站,并正式为官网启用了新域名:https://react.dev/。团队称这是 React 及其文档的新主页。 更新亮点: 新的 React 站点 (react.dev) 使用函数组件和 Hooks 帮助用户学习现代 React 提供了图表、插图、challenge 和 600 多个新的交互式示例 旧的 React 文档站点已移至 legacy.reactjs.org 团队感慨道,React 很快就要十岁了。在 JavaScript 年代,这就像经历了整整一个世纪。他们重构了 React 主页,以体...

9
3
发表了资讯
2022/07/25 08:45

AWS 开源基于 React 的 Web 应用程序设计系统

Amazon Web Services (AWS) 宣布在 Apache 2.0 许可下,开源基于 React 的 Web 应用程序设计系统 Cloudscape Design System,其存储库中包括了 React 组件、浏览器测试工具、文档工具、主题工具、全局样式和字体等。 Cloudscape 包含大量用于创建 Web 应用程序的指南,以及用于简化实现的设计资源和前端组件。根据介绍,Cloudscape 提供了 60 多个组件、30 多个模式指南和 20 多个演示。 AWS 方面表示,Cloudscape 专为 AWS 产品...

3
6
发表了资讯
2022/06/16 07:04

React 18.2.0 发布

React 18.2.0 现已发布,具体更新内容如下: React DOM 提供一个组件堆栈作为onRecoverableError的第二个参数。#24591 修复 hydrating into document 导致不匹配时出现空白页的问题。#24523 修复 false positive hydration errors with Suspense。#24480 和 #24532 修复 Safari 中添加 iframe 时被忽略的setState问题。#24459 React DOM Server 将有关服务器错误的信息传递给客户端。#24551 和 #24591 允许在中止 HTML 流时提供...

0
0
发表了资讯
2022/04/28 07:15

React 18.1 已发布

React 18.1 已发布,该版本带来如下改动: React DOM 修复使用 UMD 捆绑时有关 react-dom/client 的误报警告 #24274 修复一些被忽略的过渡更新 #24353 修复 useDeferredValue 在传递 unmemoized 值时导致无限循环 #24247 修复渲染道具对象的不一致问题 #24421 修复 useEffect 中关于 setState 循环的缺失警告 #24298 修复虚假的 hydration 错误 #24404 在 useInsertionEffect 中调用 setState 时发出警告 #24295 始终显示 hydr...

0
1
发表了资讯
2022/03/30 08:19

React 18 发布

React 18 现已发布,此版本包括开箱即用的改进,如自动批处理,新的 API(如 startTransition)和支持 Suspense 的流式服务器端渲染。 公告指出,React 18 中的许多功能都建立在新的并发渲染器之上,这是一个解锁强大新功能的幕后更改。Concurrent React 是可选的,它仅在用户使用并发功能时启用,但开发团队认为它将会对大众构建应用程序的方式产生重大影响。 “我们花了数年时间研究和开发对 React 并发的支持,并且我们特别注...

3
3
发表了资讯
2022/03/11 07:39

React 18 RC

React 18 首个 RC 版本已发布。按照计划,正式版将于 2~4 周后推出。 React 18 引入了 “并发渲染 (concurrent rendering)” 机制,它支持 React 同时准备多个版本的 UI。这个机制主要在幕后进行,但它为 React 启发了非常多新的可能性,以提升应用程序的真实与感知性能。此外,React 18 还针对现有应用程序提供了渐近的采用策略。 安装 React 18 RC 使用 npm npm install react@rc react-dom@rc 或者使用 yarn yarn add re...

6
1
发表了资讯
2022/03/03 17:52

React 站队乌克兰,官网首页上线支持横幅

在西方各界纷纷对俄罗斯挥舞起“制裁大棒”之际,开源项目 React 也加入了站队,官方文档更新宣布添加了支持乌克兰的横幅。React 是 Facebook 推出的一个为数据提供渲染为 HTML 视图,用来构建用户界面的开源 JavaScript 库。 目前,React 官网首页已上线该支持横幅。 作为一个开源项目,React 此举也引起了众多开发者的不满,其项目主体 issues 页面已招致一片骂声。 不过还是呼吁大家文明理性讨论。...

116
2
发表了资讯
2021/11/22 23:17

淘系前端架构周刊:React 18 进入 Beta 阶段、TypeScript 4.5 发布

🗞 News React 18 进入 Beta 阶段 本月 16 日,React 官方发布 Twitter 宣布 React 18 由 Alpha 阶段进入 Beta 阶段: 原文链接:Thanks to the incredible efforts of the React 18 Working Group, we're upgrading the stability of the React 18 release from Alpha to Beta! Electron 16.0.0 发布 Release Blog:Electron 16.0.0 | Electron TypeScript 4.5 发布 本次更新的几个重要内容包括: 字符串模...

0
0
发表了资讯
2021/11/17 07:22

React 18 最新进展:发布 Beta 版本,公开测试新特性

11月16日,React 18 工作组 宣布 React 18 从 Alpha 进入 Beta 阶段,Beta 是测试版本,大部分工作都是对 Alpha 版本发布的新特性进行文档优化、功能测试和改进,在最终版本发布之前不会有任何额外的新特性或 API。 关于 React 18 Alpha 版本已发布的新特性可以查看此新闻:React 18 最新进展:发布 alpha 版本、全新 SSR 架构 。 Beta 版预计测试 1-2 个月,届时将推出 React 18 RC(候选)版本。目前 React 18 正在与 Redux、...

2
0
发表了资讯
2021/10/23 09:08

React 新版文档网站开始公测

React 开发团队重写的文档网站上线了 Beta 版本。 目前新版本文档主要包括两部分内容: Learn React:此部分内容为学习 React 的综合指南,目前的进度是大约完成了 70%。不过内容基本已稳定,后续除了一些编辑和修复之外,不会发生太大的变化。 API Reference:此部分内容是针对每个 API 的详细解释,目前的进度是大约完成了 5%。 新版文档网站的主要特色如下: 所有的学习案例使用 Hook 而不是 class 编写 提供交互式的示例和可...

8
4
发表了资讯
2021/06/12 09:13

React 18 最新进展:发布 alpha 版本、全新 SSR 架构

React 开发团队公布了 React 18 的开发和发布计划,当前的最新工作进展如下: 已开始 React 18 版本的发布工作,这将是下一个主要版本 创建了工作组,为社区逐步采用 React 18 的新特性做准备 发布了 React 18 Alpha 版本,便于库作者尝试它并向开发团队提出相应反馈 React 18 主要变化 当 React 18 发布时,它将包含开箱即用的改进(如 automatic batching)、全新的 API(如 startTransition )以及内置支持了 React.lazy 的 ...

4
2
发表了资讯
2020/11/23 08:15

需求最大的 15 个技术岗位,有你的吗?

受 COVID-19 对市场经济的影响,许多组织正在探索新的业务需求,以跟上数字化转型的步伐;同时,他们也正在经历寻找和保留具有技术技能的人才的困难。最近的一项调查发现,有 51% 的招聘经理表示,其计划在今年聘请独立的网络、移动和软件开发人员。 通过分析 2020 年 4 月 1 日至 2020 年 9 月 30 日在 Upwork.com 上的总量服务,在线人才平台 Upwork 发布了一个需求量最大的 15 项技能榜单。其中,JavaScript、CSS 和 HTML 排...

12
6
发表了资讯
2020/10/21 12:25

React 17 正式版发布

React 17 正式版已经发布,本次版本变更日志如下: React 为全新的 JSX 转换器添加 react/jsx-runtime 和 react/jsx-dev-runtime。 根据原生框架构建组件调用栈。 可以在 context 中设置 displayName 以改善调用栈信息。 防止 'use strict' 从 UMD 的 bundles 中泄露。 停止使用 fb.me 进行重定向。 React DOM 将事件委托从 document 切换为 root。 在运行下一个副作用前,请清理所有副作用。 异步运行 useEffect 清理函数。 使...

26
4
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
发表了问答
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
暂无内容
14 评论
350 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部