# ⚛️ React 核心技术

React是构建用户界面的JavaScript库，通过组件化、声明式编程和虚拟DOM实现高效的UI开发。

## 🎯 学习目标

### 核心能力
- **组件开发**：函数组件、类组件、组件通信
- **Hooks**：useState、useEffect、useContext、自定义Hook
- **状态管理**：Redux、Zustand、Jotai、Context API
- **路由**：React Router、嵌套路由、路由守卫
- **性能优化**：memo、useCallback、useMemo、lazy、Suspense

### 技术深度
- **虚拟DOM**：Diff算法、Fiber架构、调和过程
- **生命周期**：组件生命周期、Effect清理
- **高阶组件**：HOC模式、Render Props、自定义Hook
- **TypeScript集成**：类型定义、泛型组件、Props类型

## 📚 核心内容

### 1. 组件基础
- JSX语法
- Props和State
- 事件处理
- 条件渲染
- 列表渲染

### 2. Hooks详解
- useState：状态管理
- useEffect：副作用
- useContext：跨组件通信
- useReducer：复杂状态
- useMemo/useCallback：性能优化
- useRef：DOM引用
- 自定义Hook

### 3. 状态管理
- Context API
- Redux Toolkit
- Zustand
- Jotai/Recoil

### 4. 路由与导航
- React Router v6
- 动态路由
- 路由守卫
- 代码分割

### 5. 性能优化
- React.memo
- useCallback/useMemo
- Code Splitting
- Lazy Loading
- Virtualization