用组件创建用户界面
React 让你可以通过组件来构建用户界面。你可以创建像 Thumbnail
、LikeButton
和 Video
这样的组件。然后将它们组合成整个应用程序。
无论你是独自工作还是与成千上万的其他开发人员合作,使用 React 的感觉都是相同的。它旨在让你轻松地组合由独立开发者、团队或组织编写的组件。
用代码和标签编写组件
React 组件是 JavaScript 函数。想要有条件地显示一些内容吗?使用 if
语句。
想要展示一个列表?尝试使用数组的 map()
方法。学习 React 就是学习编程。
这种标签语法被称为 JSX。它是由 React 推广的 JavaScript 语法扩展。将 JSX 标签与相关的渲染逻辑放在一起,使得创建、维护和删除 React 组件变得容易。
在任何地方添加交互
React 组件接收数据并返回应该出现在屏幕上的内容。你可以通过响应交互(例如用户输入)向它们传递新数据。然后,React 将更新屏幕以匹配新数据。
你也可以不用 React 去构建整个页面,而只是将 React 添加到现有的 HTML 页面中,在任何地方呈现交互式的 React 组件。
博采众长
人们因为不同的原因偏好 Web 应用或原生应用。React 让你使用相同的技能构建 Web 应用程序和原生应用程序。它依赖于每个平台独特的优势,使你的界面就像原生一样。
不忘初心
人们期望网页加载速度更快。在服务器上,React 可以让你在获取数据的同时开始流式传输 HTML,在任何 JavaScript 代码加载之前逐步填充剩余内容。在客户端,即使是在渲染过程中,React 也会使用标准的 Web API 使 UI 快速响应。
开发真正的原生应用
人们希望原生应用程序都有和自己使用的平台相一致的体验。React Native 和 Expo 让你可以使用 React 构建 Android、iOS 等应用程序。它们的样式和体验都和原生应用程序一样,因为它们的用户界面是真正的原生用户界面。这不是一个 Web 视图——你的 React 组件由平台提供的真实 Android 或 iOS 视图来渲染。
使用 React,你可以成为 Web 和原生应用的开发人员。 你的团队可以在不牺牲用户体验的情况下发布到各个平台。你的组织可以忽略平台差异,并拥有端到端的全部功能。
充分测试,安心升级
React 非常谨慎地处理每个改动。每个 React 提交都在拥有超过十亿用户的关键业务页面上进行测试。Meta 的 10 万个 React 组件帮助验证每种迁移策略。
React 团队始终在研究如何改进 React。一些研究需要数年才能得到回报。React 对将研究想法转化为生产具有高标准要求,只有经过证明的方法才能成为 React 的一部分。
加入数百万人的社区
你并不孤单。每个月有来自世界各地的两百万开发者访问 React 文档。React 可以让人们达成共识。








这就是为什么 React 不仅仅是一个库、一种架构,甚至不只是一个生态系统。React 是一个社区。在这里你可以寻求帮助,发现机会并结交新朋友。你将会遇到开发者和设计师、初学者和专家、研究人员和艺术家、教师和学生等各行各业的人士。我们的背景可能非常不同,但 React 让我们所有人都能够共同创建用户界面。