先弄清楚这门课解决什么问题
这份资料围绕 React 展开，核心要解决的是“组件化前端到底怎么写、怎么拼、怎么让页面数据真正动起来”这件事。很多上班族转前端时卡在两点：一是看文档照抄，却不知道为什么要把界面拆成组件；二是遇到状态变化、父子通信就发懵，写出来的代码改一处崩三处。这门课的场景很具体——从认识 React、写第一个组件、做组件嵌套，到用 React 渲染一个表格页面，再到事件、状态、生命周期和 ref、组件通信，基本覆盖了日常业务页面的常见写法。它不是讲大而全的架构哲学，而是带你把“拿到设计稿—拆组件—接数据—渲染表格”这条链路走通。如果你做的是后台管理系统、数据看板、中后台表单这类页面，这套训练会比较直接地对应上你的工作内容。
适合什么基础，建议先看哪几块
这份资料适合已经能写基本 HTML、CSS 和 JavaScript，但没真正用 React 做过项目的人。如果你连函数、数组方法、模块化都还生疏，建议先补这些再看，否则到组件通信和生命周期会明显吃力。看的时候建议按这个顺序：先集中看组件编写和组件嵌套这两块，把“页面怎么被拆成小块”这个观念立住；接着看事件、状态和生命周期，理解数据怎么驱动界面变化；然后直接看实战案例里的表格渲染，把前面零散的知识点在一个真实页面上对上号；最后再看 ref 和组件通信，解决跨层传值和直接操作节点的问题。webpack 配置和 ESLint、Jest 那几块可以先了解思路，不必第一遍就死磕，等你把组件写顺了再回来补工程化细节更省力。
资料怎么配合练习，学完能独立做什么
看这份资料最忌讳只跟着视频敲一遍就收工。建议每看完一个章节，自己合上视频，把代码删掉重写一次，卡住的地方再去回看。组件嵌套那节，可以拿一个后台常见的列表页练手：顶部筛选区一个组件，中间表格一个组件，底部分页一个组件，自己把它们组合起来。状态和生命周期那节，试着做一个简单的倒计时或者带搜索过滤的列表，体会数据变化怎么触发界面更新。表格渲染那个实战案例值得反复做，把静态数据换成自己造的 JSON，再加排序和选中行，练到不查资料也能写出来。学完之后，你应当能独立完成一个中后台 CRUD 页面：会拆组件、会管理本地状态、会处理父子通信、会用 ref 做简单节点操作，并且知道怎么用 webpack 把项目跑起来、用 ESLint 和 Jest 做基本代码检查。到这个程度，日常接一个业务需求、照着设计稿把页面用 React 实现出来，不会再是两眼一抹黑的状态。
1-1.课程介绍、认识React · 1-2.React组件-编写组件 · 1-3.React组件-组件嵌套 · 1-4.实战案例：React渲染表格页面 ·
课程目录
* 1-1.课程介绍、认识React
* 1-2.React组件-编写组件
* 1-3.React组件-组件嵌套
* 1-4.实战案例：React渲染表格页面
* 1-5.React组件-事件、状态和生命周期
* 1-6.ref组件引用、组件通信
* 1-7.阶段总结
* 2/
* 2-1.webpack配置-基本结构
* 2-1.webpack配置-基本结构(1)
* 2-2.webpack配置-资源文件
* 2-2.webpack配置-资源文件(1)
* 2-3.webpack配置-ESLint、Jest代码测试
* 2-3.webpack配置-ESLint、Jest代码测试(1)
* 2-4.webpack配置-dev-server
* 2-4.webpack配置-dev-server(1)
* 2-5.webpack配置-多配置切换
* 2-5.webpack配置-多配置切换(1)
* 2-6.总结：完整版Webpack配置
* 2-6.总结：完整版Webpack配置(1)
* 2-7.create-react-app脚手架
* 2-7.create-react-app脚手架(1)
* 3-1.认识路由、使用React-Router
* 3-2.react路由-路由参数
* 3-3.react路由-嵌套路由
* 3-4.react路由-路由跳转
* 03资料/
* Redux DevTools(2.17.0)2019-07-18.crx
* Vuejs课程大纲-实战.jpg
* lmhkpmbekcpmknklioeibfkpmmfibljd.crx
* zns.sql
* 智能社 美团网全栈开发 第一部分 (1).pdf
* 智能社 美团网全栈开发 第一部分.pdf
* （React）1.React基础.zip
* （React）2.React Webpack.zip
* （React）3.react-router.zip
* （React）4.Redux.zip
* （React）5.数据通信(axios、fetch、websocket).zip
* （React）6.项目开发实战.zip
* （React）7.深入react组件.zip
* （React）项目数据下载（百度网盘） (1).zip
* （React）项目数据下载（百度网盘）.zip
* （scrapy）cara58.zip
* 4-1.认识Redux
* 4-1.认识Redux_1
* 4-2.React-Redux
* 4-3.React-Redux高级应用
* 4-3.React-Redux高级应用_1
* 5-1.认识数据通信
* 5-2.fetch
* 5-3.FormData
* 5-4.Axios
* 5-5.实战redux,websocket数据通信,router
* 6-1.项目介绍、接口介绍
* 6-2.管理后台-结构,登录,redux,Dialog,Form
* 6-3.管理后台-2.banner管理、Table、路由
* 6-4.管理后台-3.登录状态、修改数据
* 6-5.后台管理-4.车辆管理
* 6-6.前台页面-1.首页
* 6-7.前台页面-2.路由、详情页
* 6-8.前台页面-3.联系页面、项目部署
* 6-9.课程总结
* 7.1深入react组件
* 7.2深入react组件-2
* 8.1自己动手配置webpack+
* 8.2create-react-app配合
* 8.3实战：
* 8.4实战：
* 8.5实战：
* 9.1
* 9.2portal
* 深入react组件
* 深入react组件-2
