React 实战进阶

一、组件基础

• 函数组件 vs 类组件，现代以函数组件为主。
• props 单向数据流、组合与复用。
• JSX 语法与列表渲染（key 的作用）。

二、Hook 全家桶

• useState：组件内部状态。
• useEffect：副作用与生命周期替代。
• useRef、useMemo、useCallback 的使用时机。
• 自定义 Hook：把可复用逻辑抽出来。

三、状态管理

• 先用 Context 解决跨层传递。
• 复杂应用引入 Redux / Zustand。
• 掌握状态"提升"与"下放"的直觉。

别为了用 Redux 而用，状态简单时越简单越好。

四、性能优化

• 避免不必要的 re-render（memo / 依赖数组）。
• 代码分割与懒加载（React.lazy）。
• key 正确使用，虚拟列表处理大数据。