React ·

React 是一个用于构建用户界面的 JavaScript 库。

• 声明式编程： React 让创建交互式 UI 变得轻松。为应用中的每个状态设计简单视图，当数据变化时，React 会高效地更新和渲染正确的组件。声明式的视图使得你的代码更可预测，更容易理解，并简化调试。
• 基于组件： 构建封装良好、管理自身状态的组件，然后组合它们来构建复杂的 UI。由于组件逻辑用 JavaScript 而不是模板编写，你可以轻松在应用中传递丰富数据，并使状态远离 DOM。
• 一次学习，处处编写： 我们不对技术栈的其他部分做假设，因此你可以在不重写现有代码的情况下使用 React 开发新功能。React 还能在服务器端使用 Node.js 渲染，并通过 React Native 驱动移动应用。

了解如何在项目中使用 React。

安装

从一开始，React 就设计为渐进式采用，你可以按需选择使用 React 的多少：

• 使用 快速启动 来体验 React。
• 向现有项目添加 React，以便灵活地决定使用量。
• 如果需要强大的 JavaScript 工具链，则可以创建新的 React 应用程序。

文档

React 的文档可在官方网站上找到。

查看入门页面以获取快速概览。

文档分为几个部分：

• 快速启动
• 教程
• React 思维方式
• 安装
• 描述 UI
• 添加交互性
• 管理状态
• 高级指南
• API 参考
• 获得支持的地方
• 贡献者指南

你可以通过向这个仓库发送拉取请求来改进它。

示例

我们在网站上提供了多个示例，以下是一个入门示例：

import { createRoot } from 'react-dom/client';

function HelloMessage({ name }) {
  return <div>Hello {name}</div>;
}

const root = createRoot(document.getElementById('container'));
root.render(<HelloMessage name="Taylor" />);

此示例将在页面上的容器内渲染“Hello Taylor”。

你会注意到我们使用了类似 HTML 的语法；我们称之为JSX。虽然使用 JSX 不是必需的，但它让代码更加易读，编写起来就像是在编写 HTML。

贡献

此仓库的主要目的是继续发展 React 核心，使其更快、更易于使用。React 的开发在 GitHub 上公开进行，我们非常感激社区贡献错误修复和改进。阅读下面的内容了解如何参与改善 React。

行为准则

Facebook 已采纳一份行为准则，我们期待项目参与者遵守。请阅读全文，以便了解哪些行为被接受和不被接受。

贡献指南

阅读我们的贡献指南，以了解我们的开发流程，以及如何提出错误修复和改进提案，还有如何构建和测试 React 的更改。

适合初学者的问题

为了帮助你入手并熟悉我们的贡献流程，我们列出了一系列适合初学者的问题，这些问题包含了范围相对有限的错误。这是开始贡献的好地方。

许可证

React 采用MIT许可。