⚛️ 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