React

项目介绍

React 是由 Meta（原 Facebook）创建并维护的开源 JavaScript 库，专门用于构建用户界面。自 2013 年开源以来，React 已经成为全球最受欢迎的前端开发工具之一，被 Netflix、Airbnb、Instagram、Twitter 等大量知名网站和应用采用。

React 的核心理念是通过声明式编程和组件化架构来简化 UI 开发。开发者只需描述界面在不同状态下应该呈现的样子，React 会高效地更新和渲染正确的组件。配合 React Native，同一套技能还可以用于构建 iOS 和 Android 原生移动应用。

核心特性

• 虚拟 DOM — React 使用虚拟 DOM 技术，最小化真实 DOM 操作，极大提升渲染性能。
• JSX 语法 — 类 HTML 的 JavaScript 语法扩展，让 UI 代码更直观、更易读。
• Hooks — 函数组件中使用状态和其他 React 特性的方式，如 useState、useEffect、useContext 等。
• 单向数据流 — 数据从父组件流向子组件，使应用状态更可预测，调试更容易。
• 服务端渲染（SSR） — 支持服务端渲染，改善首屏加载速度和 SEO 表现。
• React Server Components — 最新特性，允许组件在服务端运行，减少客户端 JavaScript 体积。

快速开始

React 支持渐进式采用，您可以按需使用少量或大量的 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="World" />);

使用 npm 安装：

# 安装 React 核心包
npm install react react-dom

# 使用 Next.js 创建新项目（推荐）
npx create-next-app@latest my-app
cd my-app
npm run dev

生态系统

学习资源

常见问题

社区议题

以下是该项目当前开放的 Issue（按评论数排序），共 189 条，标题已翻译为中文供参考。