React ·

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

声明式： React使创建交互式UI变得轻而易举。为应用中的每个状态设计简单的视图，当数据变化时React会高效地更新和渲染正确的组件。声明式视图使您的代码更加可预测、易于理解和调试。
组件化： 构建管理自身状态的封装组件，然后将它们组合成复杂的UI。由于组件逻辑使用JavaScript编写而非模板，您可以轻松地在应用中传递复杂的数据，并将状态保持在DOM之外。
一次学习，随处编写： 我们不对您的其他技术栈做任何假设，因此您可以在不重写现有代码的情况下用React开发新功能。React还可以使用Node在服务器上渲染，并使用React Native开发移动应用。

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

安装

React从一开始就被设计为可以逐步采用，您可以根据需要使用或多或少的React：

使用快速入门来体验React。
将React添加到现有项目，根据需要使用或多或少的React。
创建新的React应用，如果您正在寻找强大的JavaScript工具链。

文档

您可以在网站上找到React文档。

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

文档分为几个部分：

您可以通过向此仓库发送拉取请求来改进它。

示例

我们在网站上有几个示例。这是第一个帮助您入门的示例：

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不是使用React的必需品，但它使代码更易读，编写起来感觉像是在写HTML。