React学习路线

本系列为网络资源，仅供学习参考，版权归原作者所有。

第一篇：React入门 - 初识组件化开发

目标：掌握React的基本概念与核心语法，能够构建简单的组件化应用。

第一章：React简介

• React是什么？为什么选择React？

• React的特点（组件化、虚拟DOM、单向数据流）

• React生态圈（React Router、Redux、Next.js）

第二章：搭建React开发环境

• 使用Create React App快速搭建项目

• 项目目录结构解析

• 开发工具配置（VS Code、ESLint、Prettier）

第三章：JSX语法

• JSX是什么？为什么使用JSX？

• JSX语法规则（表达式、条件渲染、列表渲染）

• JSX与HTML的区别

第四章：组件与Props

• 函数组件与类组件

• Props的使用与传递

• 组件嵌套与组合

第五章：State与事件处理

• State的概念与使用

• 事件绑定与处理

• 受控组件与非受控组件

第二篇：React进阶 - 深入组件与状态管理

目标：掌握React的进阶特性，能够构建复杂的组件化应用。

第六章：生命周期与Hooks

• 类组件的生命周期方法

• Hooks简介（useState、useEffect）

• 自定义Hooks

第七章：组件通信

• 父子组件通信（Props与回调函数）

• 兄弟组件通信（状态提升）

• 跨组件通信（Context API）

第八章：表单与复杂状态管理

• 表单处理（受控组件与非受控组件）

• 复杂状态管理（useReducer）

• 第三方状态管理库简介（Redux、MobX）

第九章：性能优化

• React渲染机制与虚拟DOM

• 使用React.memo优化组件

• 使用useMemo与useCallback优化性能

第三篇：React生态 - 构建完整的应用

目标：掌握React生态中的常用工具与库，能够构建完整的单页应用（SPA）。

第十章：React Router

• React Router简介

• 路由配置（<Route>、<Switch>、<Link>）

• 动态路由与嵌套路由

• 路由守卫与权限控制

第十一章：状态管理 - Redux

• Redux简介与核心概念（Store、Action、Reducer）

• 使用Redux管理全局状态

• Redux中间件（redux-thunk、redux-saga）

第十二章：数据获取与API集成

• 使用fetch与axios获取数据

• 在React中处理异步操作

• 数据缓存与优化

第十三章：样式与UI库

• CSS模块化与CSS-in-JS（Styled Components）

• 常用UI库（Material-UI、Ant Design）

• 自定义主题与样式覆盖