React
React 学习路线图
JavaScript 基础
🚀 快速复习
- ES6+ 语法
- DOM 操作
- 事件处理
React 基础
- React 核心概念
- JSX 语法
- 组件和 Props
- State 和生命周期
- 事件处理
- 条件渲染
- 列表和 Keys
- 表单处理
React Hooks
- useState
- useEffect
- useContext
- useReducer
- useCallback
- useMemo
- 自定义 Hooks
React 生态系统
- 路由管理
- React Router
- 状态管理
- Redux
- Zustand
- Recoil
- UI 组件库
- Ant Design
- Material-UI
- Chakra UI
工程化
- 构建工具
- Create React App
- Vite
- 包管理器
- npm/yarn/pnpm
- TypeScript 集成
- TypeScript 官方手册：涵盖了大多数关键的语言特性
- TypeScript 发布笔记：深入介绍了每一个新特性
- React TypeScript Cheatsheet：一个由社区维护的，用于在 React 中使用 TypeScript 的速查表，涵盖了许多有用的边界情况，并提供了比本文更广泛全面的内容
- 代码规范
- ESLint
- Prettier
性能优化
- React.memo
- 懒加载和代码分割
- 虚拟列表
- 性能监控和分析
测试
- Jest
- React Testing Library
- Cypress
部署
- 静态部署
- CI/CD
- Docker
最佳实践
- 组件设计模式
- 状态管理策略
- 项目架构
- 安全性考虑
实战项目
- Todo List 应用
- 个人博客系统
- 电商网站
- 在线协作工具
- 数据可视化面板
React 学习之旅
🔭 此处应有地图
- React 学习之旅 1 - 基础篇 1（2025/2/26）
- React 学习之旅 2 - 基础篇 2
- React 学习之旅 3 - 零帧起手！使用 Vite 创建应用
- React 学习之旅 4 - TypeScript 加入战斗！
- React 学习之旅 5 - 磨刀不误砍柴工！开发工具篇
- React 学习之旅 6 - 动起手来！井字棋游戏
- React 学习之旅 7 - 冥想！React 哲学
- React 学习之旅 - 描述 UI（？）
- React 学习之旅 - 添加交互（？）
- React 学习之旅 - 状态管理（？）
- React 学习之旅 - 拖围机制（？）
- React 学习之旅 - React 源码分析（？）
- React 学习之旅 - 小程序开发 Taro（？）
- React 学习之旅 - 单元测试（？）
- React 学习之旅 - App 开发 React Native（？）
- React 学习之旅 - 桌面端开发 Electron（？）