React 是一个用于构建用户界面的 JavaScript 库。它由 Facebook 开发并维护，广泛用于构建单页应用程序。

快速开始

安装 React

首先，您需要安装 Node.js 和 npm。然后，使用以下命令创建一个新的 React 应用程序：

npx create-react-app my-app

运行应用程序

进入项目目录并运行以下命令：

npm start

您的应用程序将在开发模式下运行，并在浏览器中打开。

核心概念

React 应用程序由组件组成。组件是可复用的代码块，它们接受输入（props）并返回可渲染的 DOM 元素。

组件类型

  • 类组件：使用 ES6 类语法创建的组件。
  • 函数组件：使用函数创建的组件。

JSX

JSX 是一种类似 HTML 的语法扩展，用于在 JavaScript 中描述用户界面。React 使用 JSX 来描述组件的输出。

function App() {
  return (
    <div>
      <h1>Hello, world!</h1>
    </div>
  );
}

学习资源

React 官方文档 - 提供了 React 的完整文档和教程。

React 中文社区 - 提供了 React 相关的中文资源和讨论。

React Hooks - 了解 React 的函数组件如何使用 Hook API。

React Router - 学习如何使用 React Router 实现单页面应用程序的路由。

React Logo