React新版全家桶

最近更新： 2025-04-28

React

新版

全家

28+

关任务

348+

课时

1772

人学习

387+

条好评

基于最新版React新最版单独研发课程，对React开发中的各项核心技术进行了详细讲解。核心React基础知识+React全套技术+商业项目！所有知识点都以案例为驱动，讲解超细致，教程配备了丰富的图示、案例、笔记、API。

￥128

第 1 章: 虚拟DOM和JSX ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ 共 12 节 【3小时18分54秒】

1-1: react 简介 15分32秒

1-2: react小案例 15分32秒

1-3: 两种创建虚拟dom的方式 15分32秒

1-4: 虚拟dom与真实dom 15分32秒

1-5: jsx语法规则 15分32秒

1-6: jsx小练习 15分32秒

1-7: 笔记 5.58M

1-8: 代码 5.58M

1-9: 资料 5.58M

1-10: 全部代码 5.58M

1-11: 全部资料 5.58M

1-12: 本节作业-练习创建虚拟DOM和JSX语法 5.58M

第 2 章: 面向组件编程 ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ 共 9 节 【3小时18分54秒】

2-1: 开发者工具安装 15分32秒

2-2: 组件与模块 15分32秒

2-3: 函数式组件 15分32秒

2-4: 复习类相关知识 15分32秒

2-5: 类式组件 15分32秒

2-6: 笔记 5.58M

2-7: 代码 5.58M

2-8: 资料 5.58M

2-9: 本节作业-创建函数式组件和类式组件 5.58M

第 3 章: 组件核心属性之state ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ 共 12 节 【3小时18分54秒】

3-1: 对state的理解 15分32秒

3-2: 初始化state 15分32秒

3-3: react中的事件绑定 15分32秒

3-4: 类中方法中的this 15分32秒

3-5: 解决类中this指向问题 15分32秒

3-6: setstate的使用 15分32秒

3-7: state的简写方式 15分32秒

3-8: 总结state 15分32秒

3-9: 笔记 5.58M

3-10: 代码 5.58M

3-11: 资料 5.58M

3-12: 本节作业-理解组件State和this指向的问题 5.58M

第 4 章: 组件核心属性之props ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ 共 11 节 【3小时18分54秒】

4-1: props的基本使用 15分32秒

4-2: 批量传递props 15分32秒

4-3: 对props进行限制 15分32秒

4-4: props的简写方式 15分32秒

4-5: 类式组件中的构造器与props 15分32秒

4-6: 函数式组件使用props 15分32秒

4-7: 总结props 15分32秒

4-8: 笔记 5.58M

4-9: 代码 5.58M

4-10: 资料 5.58M

4-11: 本节作业-理解组件Props 5.58M

第 5 章: 组件核心属性之refs ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ 共 9 节 【3小时18分54秒】

5-1: 字符串形式的ref 15分32秒

5-2: 回调形式的ref 15分32秒

5-3: 回调ref中调用次数的问题 15分32秒

5-4: createref的使用 15分32秒

5-5: 总结ref 15分32秒

5-6: 笔记 5.58M

5-7: 代码 5.58M

5-8: 资料 5.58M

5-9: 本节作业-理解组件Refs 5.58M

第 6 章: 事件与表单数据 ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ 共 9 节 【3小时18分54秒】

6-1: 事件处理 15分32秒

6-2: 非受控组件 15分32秒

6-3: 受控组件 15分32秒

6-4: 高阶函数和函数柯里化 15分32秒

6-5: 不用柯里化的写法 15分32秒

6-6: 笔记 5.58M

6-7: 代码 5.58M

6-8: 资料 5.58M

6-9: 本节作业-处理表单数据 5.58M

第 7 章: 组件的生命周期 ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ 共 16 节 【3小时18分54秒】

7-1: 引出生命周期 15分32秒

7-2: 生命周期(旧)_组件挂载流程 15分32秒

7-3: 生命周期(旧)_setstate流程 15分32秒

7-4: 生命周期(旧)_forceupdate流程 15分32秒

7-5: 父组件render流程 15分32秒

7-6: 总结生命周期(旧) 15分32秒

7-7: 对比新旧生命周期 15分32秒

7-8: getderivedstatefromprops 15分32秒

7-9: getsnapshotbeforeupdate 15分32秒

7-10: getsnapshotbeforeupdate案例 15分32秒

7-11: 总结生命周期(新) 15分32秒

7-12: dom的diffing算法 15分32秒

7-13: 笔记 5.58M

7-14: 代码 5.58M

7-15: 资料 5.58M

7-16: 本节作业-理解组件生命周期 5.58M

第 8 章: 脚手架 ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ 共 11 节 【3小时18分54秒】

8-1: 初始化react脚手架 15分32秒

8-2: 脚手架文件介绍_public 15分32秒

8-3: 脚手架文件介绍_src 15分32秒

8-4: 一个简单hello组件 15分32秒

8-5: 样式的模块化 15分32秒

8-6: webstorm中的快捷键 15分32秒

8-7: 组件化编码流程 15分32秒

8-8: 笔记 5.58M

8-9: 代码 5.58M

8-10: 资料 5.58M

8-11: 本节作业-安装脚手架并完成Hello案例 5.58M

第 9 章: TodoList案例 ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ 共 13 节 【3小时18分54秒】

9-1: todolist案例_静态组件 15分32秒

9-2: 动态初始化列表 15分32秒

9-3: 添加todo 15分32秒

9-4: 鼠标移入效果 15分32秒

9-5: 勾选和取消勾选 15分32秒

9-6: 对props进行限制 15分32秒

9-7: 删除一个todo 15分32秒

9-8: 实现底部功能 15分32秒

9-9: 总结todolist案例 15分32秒

9-10: 笔记 5.58M

9-11: 代码 5.58M

9-12: 资料 5.58M

9-13: 本节作业-完成TodoList案例 5.58M

第 10 章: 豆瓣电影搜索案例 ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ 共 13 节 【3小时18分54秒】

10-1: 脚手架配置代理1 15分32秒

10-2: 脚手架配置代理2 15分32秒

10-3: 豆瓣电影搜索案例_静态组件 15分32秒

10-4: 豆瓣电影搜索案例_axios发送请求 15分32秒

10-5: 豆瓣电影搜索案例_展示数据 15分32秒

10-6: 豆瓣电影搜索案例_完成案例 15分32秒

10-7: 豆瓣电影搜索案例_消息订阅与发布_pubsub 15分32秒

10-8: 豆瓣电影搜索案例_fetch发送请求 15分32秒

10-9: 豆瓣电影搜索案例_总结 15分32秒

10-10: 笔记 5.58M

10-11: 代码 5.58M

10-12: 资料 5.58M

10-13: 完成豆瓣电影搜索案例 5.58M

第 11 章: react router ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ 共 24 节 【3小时18分54秒】

11-1: 对spa应用的理解 15分32秒

11-2: 对路由的理解 15分32秒

11-3: 前端路由原理 15分32秒

11-4: 路由的基本使用 15分32秒

11-5: 路由组件与一般组件 15分32秒

11-6: navlink的使用 15分32秒

11-7: 封装navlink组件 15分32秒

11-8: switch的使用 15分32秒

11-9: 解决样式丢失问题 15分32秒

11-10: 路由的模糊匹配与严格匹配 15分32秒

11-11: redirect的使用 15分32秒

11-12: 嵌套路由 15分32秒

11-13: 向路由组件传递params参数 15分32秒

11-14: 向路由组件传递search参数 15分32秒

11-15: 向路由组件传递state参数 15分32秒

11-16: 总结路由参数 15分32秒

11-17: push与repalce 15分32秒

11-18: 编程式路由导航 15分32秒

11-19: withrouter的使用 15分32秒

11-20: browserrouter与hashrouter 15分32秒

11-21: 笔记 5.58M

11-22: 代码 5.58M

11-23: 资料 5.58M

11-24: 完成React Router练习 5.58M

第 12 章: UI组件库 antd ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ 共 6 节 【3小时18分54秒】

12-1: antd的基本使用 15分32秒

12-2: antd样式的按需引入 15分32秒

12-3: antd自定义主题 15分32秒

12-4: 笔记 5.58M

12-5: 代码 5.58M

12-6: 使用antd完成首页 5.58M

第 13 章: 状态管理 redux ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ 共 23 节 【3小时18分54秒】

13-1: redux简介 15分32秒

13-2: redux工作流程 15分32秒

13-3: 求和案例_纯react版 15分32秒

13-4: 求和案例_redux精简版 15分32秒

13-5: 求和案例_redux完整版 15分32秒

13-6: 求和案例_异步action版 15分32秒

13-7: 对react-redux的理解 15分32秒

13-8: 连接容器组件与ui组件 15分32秒

13-9: react-redux基本使用 15分32秒

13-10: 优化1_简写mapdispatch 15分32秒

13-11: 优化2_provider组件的使用 15分32秒

13-12: 优化3_整合ui组件与容器组件 15分32秒

13-13: 数据共享_编写person组件 15分32秒

13-14: 数据共享_编写person组件的reducer 15分32秒

13-15: 数据共享_完成数据共享 15分32秒

13-16: 纯函数 15分32秒

13-17: redux开发者工具 15分32秒

13-18: 最终版 15分32秒

13-19: 项目打包运行 15分32秒

13-20: 笔记 5.58M

13-21: 代码 5.58M

13-22: 资料 5.58M

13-23: 完成求和案例 5.58M

第 14 章: 扩展 ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ 共 14 节 【3小时18分54秒】

14-1: 扩展1_setstate 15分32秒

14-2: 扩展2_lazyload 15分32秒

14-3: 扩展3_statehook 15分32秒

14-4: 扩展4_effecthook 15分32秒

14-5: 扩展5_refhook 15分32秒

14-6: 扩展6_fragment 15分32秒

14-7: 扩展7_context 15分32秒

14-8: 扩展8_purecomponent 15分32秒

14-9: 扩展9_renderprops 15分32秒

14-10: 扩展10_errorboundary 15分32秒

14-11: 组件间通信方式总结 15分32秒

14-12: 笔记 5.58M

14-13: 代码 5.58M

14-14: 完成案例和整理笔记 5.58M

React是大厂前端必备的技能点，本课程将带你系统学习 React 17 的完整技术体系，并结合下一门课程开发热门业务的商业项目应用，实现对于框架的深度掌握，助你提升硬实力，快人一步进大厂。本课程完全按React的开发技术，将所需要的内容全部讲解到位。课程主要内容包括：框架前景拓展、React基础、组件、生命周期、模块化、数据通信、React 案例、React工程化、React全家桶、React-Router、Redux、hashHistory路由配置、异步、网络等，和其他React的新特性。每个技术点都对应详细的开发案例进行讲解，可以让从没有接触过前端框架的小白，学完课程可以上手开发React全套商业项目，并且通过React的开发语法和思想为后面学习微信小程序，以及uniapp等课程做技术支撑。

