react 学习计划目标:从「会用 React」到「懂 React」,能清晰解释原理、定位问题、优化性能。 📄️ 基础内容:📄️ 生命周期与 Fiber 架构包含: 类组件生命周期(挂载/更新/卸载)、Fiber 解决的问题(可中断更新、优先级调度)、双缓存树📄️ Hooks 核心原理包含📄️ 状态管理与 Redux状态管理 redux📄️ hooks 进阶包含: useReducer、useMemo、useCallback、useLayoutEffect、自定义 Hooks(如 useFetch)📄️ 性能优化全链路包含:📄️ 路由与导航包含: React Router v6 核心(Route/Link/Outlet)、编程式导航、路由守卫(权限控制)📄️ 与 vue 对比包含:React vs Vue(响应式原理、模板 vs JSX、状态管理)、React vs Svelte(编译时优化)📄️ 高阶组件和模式包含:高阶组件(HOC)实现(withAuth)、Render Props、组合模式(Component Composition)📄️ 错误边界与调试包含: 错误边界(Error Boundary)实现、React DevTools 使用(组件树/性能分析)、Redux DevTools📄️ 源码基础包含:Fiber 节点结构(tag/stateNode)、调和(reconciliation)过程(双缓冲)、优先级调度(Lane)📄️ 源码深入包含: Hooks 链表结构(dispatchAction)、惰性初始 state、effectTag 标记(插入/更新/删除)📄️ SSR-SSG包含: Next.js 基础(页面路由、getStaticProps/getServerSideProps)、静态站点生成(SSG)📄️ 跨端与新技术探索包含:React Native 核心(组件/导航)、Electron(桌面应用)、Remix(全栈框架)📄️ 测试与质量保障包含: Jest 单元测试(组件测试、工具函数测试)、React Testing Library(模拟用户行为)📄️ 项目梳理梳理现有项目的业务架构(如电商/后台管理系统)、技术选型(为何选 React 而非 Vue?)、模块划分📄️ 面向面试常问知识点