React18+Next.js13+TS，B端+C端完整业务+技术双闭环

这套资料的主题很明确：用 React 18 加 Next.js 13，再配 TypeScript，把一条从组件、状态、请求到测试的前端链路走完，并且分别落在 B 端和 C 端两类业务上。它不是那种只讲 API 的速查手册，也不是纯理论课，重心在于把技术点放回真实业务里，让你知道每个工具在什么场景下该出场。

它解决的是"会用但串不起来"的问题

很多人学 React 的卡点不在单个知识点，而在于：Hooks 会写，但表单和列表一复杂就乱；Redux 看得懂示例，真到项目里不知道怎么划分状态；接口请求散落在组件里，没有统一的 Mock 和联调方式；更别说测试，基本靠手点。这套资料针对的正是这种"零件都有、装不成机器"的状态。它从基础组件和 Hooks 讲起，过渡到 Redux 状态管理和 AntDesign 组件库的实际使用，再进入 Ajax 请求与 Mock 服务的搭建，最后用 C 端实战和问卷类业务把前面这些东西串成完整流程。B 端部分偏向表单、表格、权限这类重交互场景，C 端部分更关注页面流转和数据展示，两条线互补。

适合什么基础，先看哪几块

如果你完全没碰过 React，直接上 Next.js 13 会比较吃力，建议先把入门章节和 Hooks 部分过一遍，确认自己能独立写一个带状态、带副作用的组件再往下。已经用过 React 但没系统整理过的，可以跳过最基础的内容，重点看 Redux 状态管理、AntDesign 组件库和 Ajax 请求这三块，它们是日常开发里复用率最高的部分。有 TypeScript 基础会顺畅很多，没有的话也不用先停下来补，跟着写的过程中类型报错本身就是很好的练习。建议的观看顺序是：基础组件与 Hooks → 状态管理 → UI 组件库 → 网络请求与 Mock → 实战项目 → 测试。测试部分放在实战之后看，理解成本会低不少，因为你已经知道要测的是什么。

学完能独立做什么，资料怎么配合练习

走完这条线，你应该能独立搭起一个带路由、状态管理、接口请求和表单校验的中小型前端项目，能自己配 Mock 服务做前后端分离开发，也能给核心逻辑补上测试。这不是"能进大厂"的承诺，而是"能自己从头做一个完整项目"的水平。资料的使用建议是：不要只看，每看完一个模块就自己起一个空项目复现一遍，尤其是状态管理和请求这两块，光看示例很容易产生"我会了"的错觉。实战部分最好先自己写一版，再对照资料调整，差距往往就出现在状态怎么放、请求怎么封装这些细节上。测试章节不必追求覆盖率，先把关键工具函数和核心交互测通即可。整体节奏上，这套资料偏重实操，适合拿来做项目练手的主线，而不是当参考文档随时查。