第一章：React 核心概念
React 简介
什么是 React？
React 是一个由 Facebook 开发的开源 JavaScript 库，用于构建用户界面（UI）。它专注于创建可复用的组件，并通过高效的渲染机制提升应用性能。React 采用声明式编程范式，使开发者能够通过描述“UI 应该是什么样子”来构建应用，而不必关心具体的 DOM 操作细节。
React 的核心特点
组件化开发
React 将 UI 拆分为独立的、可复用的组件。每个组件管理自身的状态和渲染逻辑，从而简化复杂应用的开发和维护。虚拟 DOM (Virtual DOM)
React 通过虚拟 DOM 实现高效的更新机制。当状态变化时，React 会先在内存中计算差异（Diffing），然后仅更新实际 DOM 中需要变化的部分，减少性能开销。单向数据流
数据通过 Props 从父组件传递到子组件，保证数据流动的可预测性，便于调试和维护。JSX 语法
JSX 是 JavaScript 的语法扩展，允许在代码中直接编写类似 HTML 的结构，使组件更直观。
React 的应用场景
- 单页应用 (SPA)：如社交媒体、管理后台等动态交互丰富的场景。
- 跨平台开发：通过 React Native 构建移动端应用。
- 静态站点：结合 Next.js 等框架实现静态内容的高效渲染。
为什么选择 React？
- 社区生态强大：丰富的第三方库（如 Redux、React Router）和工具链支持。
- 高性能：虚拟 DOM 和 Fiber 架构优化渲染效率。
- 渐进式学习曲线：从简单组件到复杂状态管理逐步深入。
示例：第一个 React 组件
import React from 'react';
function Welcome() {
return <h1>Hello, React!</h1>;
}
export default Welcome;