🚀 React 基础知识
- 核心概念：组件、JSX、虚拟DOM、props与state
- 开发环境：安装Node.js + npm，创建React项目使用
npx create-react-app - 第一个组件：
function HelloWorld() { return <h1>你好，React！</h1>; }
🧱 组件结构与生命周期
- 函数组件：使用Hooks（
useState、useEffect）实现状态逻辑 - 类组件：
componentDidMount、componentDidUpdate等生命周期方法 - 组件通信：父子组件通过props传递数据，兄弟组件使用Context或Redux
🔄 状态管理与数据流
- 本地状态：
useState+useReducer - 全局状态：Redux Toolkit 或 Zustand
- 数据流最佳实践：单向数据流 + 避免直接修改state
🛠️ React 生态工具链
- 构建工具：Webpack、Vite
- UI库：Ant Design、Material-UI
- 测试框架：Jest + React Testing Library
- 部署方案：Netlify、Vercel