第1章
什么是组件化为什么需要组件化React组件基本概念HTML到JSX思维转变
第2章
JSX表达式条件渲染列表渲染样式处理事件绑定
第3章
函数组件定义类组件定义两种组件对比如何选择
第4章
useState Hook状态提升state vs props不可变数据
第5章
父传子(Props)子传父(回调)兄弟通信Context跨层级
第6章
PropTypesTypeScript与Props默认Props解构技巧
第7章
类组件生命周期useEffect模拟依赖数组清理副作用
第8章
副作用概念数据请求订阅与取消多个useEffect性能优化
第9章
自定义Hook规则提取逻辑复用useWindowSizeuseDebounce
第10章
useRef基础访问DOM保存可变值forwardRef
第11章
函数引用稳定性useCallback场景React.memo避免过度优化
第12章
useMemo场景与useEffect区别复杂计算优化记忆化策略
第13章
createContextProvider/ConsumeruseContext更新机制
第14章
useReducer基础与useState对比纯函数特性复杂状态逻辑
第15章
HOC概念属性代理反向继承注意事项与Hook对比
第16章
Render Props概念实现方式与HOC对比应用场景
第17章
组合 vs 继承children propslot模式复合组件
第18章
表单处理受控组件实现非受控组件ref在表单中
第19章
内联样式CSS ModulesStyled ComponentsTailwind CSS
第20章
Jest & RTL渲染测试事件测试快照测试
第21章
错误边界概念getDerivedStateFromErrorcomponentDidCatch错误恢复
第22章
React.lazySuspense组件加载状态代码分割
第23章
createPortal模态框实现事件冒泡全局通知
第24章
CSS过渡/动画React Transition GroupFramer Motion列表动画
第25章
组件分层设计UI/容器/业务组件库设计原子设计方法论
第26章
ReduxZustandJotaiRecoil如何选择
第27章
路由配置嵌套路由路由参数路由守卫懒加载路由
第28章
SSR概念Next.js基础getServerSidePropsgetStaticPropsSSR注意事项
第29章
虚拟列表组件缓存避免不必要渲染性能分析工具
第30章
从零搭建组件项目组件设计评审代码规范与文档持续重构