投稿

React入门到实战(2022全网最新）

50.9万

9722

2022-03-17 16:12:30

未经作者授权，禁止转载

正在缓冲...

技术栈为：React + Hook + React-router-v6 + Mobx + AntD 源码地址：https://gitee.com/react-cp/react-pc-code React基础讲义: https://www.yuque.com/fechaichai/qeamqf/xbai87 React和Mobx讲义: https://www.yuque.com/fechaichai/qeamqf/apomum ReactPc项目讲义: https://www.yuque.com/fechaichai/tzzlh1 大家如果做到列表管理发现没数据，可以把源码clone到本地，然后run起来，新增一些数据就ok啦

柴柴-前端教书匠发消息

头部出海公司Coding中，购课的同学记得私聊领取实战小册文档

三分天注定，七分靠实习想有名企经验的留子们看我看我！

留学生求职

课程先导

01:39

重要问题说明

03:11

React框架介绍

03:36

基础环境搭建

06:18

目录熟悉和简化

05:32

React18问题说明

01:23

jsx-基础介绍

04:55

jsx-表达式使用

04:16

jsx-列表渲染

05:16

jsx-条件渲染

05:38

jsx-模板精简原则

04:23

jsx-样式控制

05:15

jsx-动态类名控制

02:24

jsx-注意事项

03:36

开发工具和格式化代码

04:54

jsx-合案例练习

18:07

组件-概念理解

01:57

组件-函数组件的创建和渲染

03:48

组件-类组件的创建和渲染

03:53

组件-事件绑定

05:34

组件-事件对象e说明

03:20

组件-事件绑定传递额外参数

03:39

组件-状态的定义使用

08:31

组件-状态定义修改注意事项

03:05

组件-状态修改counter案例

05:40

组件-this的指向问题说明

08:26

组件-this指向问题再说明

07:54

知识点梳理总结

10:40

组件-状态不可变说明

13:23

表单-受控组件

11:59

表单-非受控组件

10:02

组件-阶段小练习-tab切换实现

08:59

组件-阶段小练习-发表评论实现

09:42

组件-阶段小练习-uuid函数使用

04:04

组件-阶段小练习-删除评论实现

04:06

组件-阶段小练习-切换喜欢

07:21

组件通信-通信的意义

04:03

组件通信-父传子-基础实现

11:53

组件通信-父传子-props说明

14:01

组件通信-父传子-props的解构

04:05

组件通信-子传父-基础实现

06:26

组件通信-子传父-子传父的本质

03:27

组件通信-兄弟通信实现

11:04

组件通信-Context实现跨组件传递数据

12:54

组件基础阶段小练习

11:54

组件进阶-特殊的chidren属性

08:43

组件进阶-props类型校验基础使用

09:59

组件进阶-props类型校验整体说明

05:15

组件进阶-函数组件props默认值

06:35

组件进阶-类组件props默认值

05:28

组件生命周期-整体概览

07:05

组件生命周期-挂载阶段

07:49

组件生命周期-更新时和卸载时

12:48

todoMvc-功能说明-组件库测试

10:13

todoMvc-使用antd搭建页面模板

11:54

todoMvc-获取列表渲染实现

04:55

todoMvc-删除功能实现

10:34

todoMvc-搜索功能实现

05:20

阶段性重点内容总结

11:38

hook-产生背景和优势

03:39

hook-useState-基础使用

03:57

hook-useState-数据的读取和修改

06:28

hook-useState-组件的更新过程

06:26

hook-useState-使用规则说明

08:46

hook-useEffect-理解副作用和基础使用

06:22

hook-useEffect-通过依赖项控制执行时机

12:34

hook阶段小练习-useWindowScroll

07:05

hook阶段小练习-useLocalStorage

08:54

hook-useState-函数作为参数

09:15

hook-useEffect-清除副作用

06:43

hook-useEffect-发送网络请求

11:40

hook-useRef使用

09:09

hook-useContext使用

08:53

hook-补充知识

06:32

hook重点内容回顾

11:03

react-router-最小化demo实现

12:23

react-router-路由模式组件说明

02:29

react-router-路由跳转和匹配组件说明

04:27

react-router-编程式导航-实现跳转

08:50

react-router-跳转传参-searchParams

09:23

react-router-跳转传参-params

05:20

react-router-嵌套路由实现

11:30

react-router-默认二级路由设置

02:38

react-router-404页配置

08:12

mobx-介绍

04:57

mobx-环境搭建

05:54

mobx-第一个store

11:45

mobx-computed计算属性

06:47

mobx-模块化-拆分子模块创建根模块

10:48

mobx-模块化-实例化root并封装统一useStore方法

15:07

mobx-基础总结

06:02

mobx-todomvc-渲染列表

12:08

mobx-todomvc-单选实现

16:33

mobx-todomvc-全选实现

07:37

mobx-todomvc-删除实现

06:03

mobx-todomvc-回车新增功能实现

13:20

mobx-todomvc-统计计数功能实现

02:30

mobx-mobx和react的职责划分

06:48

pc项目-项目介绍

02:37

pc项目-初始化项目提交到gitee

06:06

pc项目-配置sass环境

06:38

pc项目-配置一级基础路由

07:20

pc项目-antd安装测试使用

07:56

pc项目-craco插件配置

10:33

pc项目-配置jsconfig.json文件

02:21

pc项目-dev-tools调试工具安装

03:21

pc项目-登录-搭建静态结构

05:40

pc项目-登录-搭建表单Form结构

09:12

pc项目-登录-表单校验实现

13:07

pc项目-登录-获取表单数据

05:20

pc项目-登录axios统一封装处理

06:45

pc项目-登录-mobx业务代码编写

11:30

pc项目-登录-组件收集数据调用mobx

06:09

pc项目-登录-后续业务处理

05:52

pc项目-token持久化

10:13

pc项目-请求拦截器注入token

03:01

pc项目-路由鉴权实现

14:33

pc项目-layout模块-结构搭建

09:30

pc项目-layout模块-二级路由配置

05:16

pc项目-layout模块-路由跳转配置

02:48

pc项目-layout模块-菜单反向高亮

06:27

pc目-layout模块-获取用户数据

11:56

pc项目-layout模块-退出登录实现

07:06

pc项目-layout模块-401token实现

12:49

pc项目-layout模块-echart基础使用

08:09

pc项目-layout模块-echart组件封装

08:09

pc项目-article-筛选区域结构搭建

07:50

pc项目-article-table列表区域结构搭建

06:26

pc项目-article-频道列表渲染

07:24

pc项目-article-获取文章列表

15:09

pc项目-article-渲染文章列表

06:06

pc项目-article-增加筛选条件

16:17

pc项目-article-分页器功能

09:18

拓展-useState和useEffect的拆分粒度

03:53

pc项目-article-删除功能

04:15

pc项目-article-跳转编辑

03:18

pc项目-publish-发布文章结构搭建

02:42

pc项目-publish-富文本编辑器实现

09:15

pc项目-publish-重构频道获取

11:30

pc项目-publish-基础上传实现

10:29

pc项目-publish-onChange方法说明

04:16

pc项目-publish-图片状态切换视图变化

06:12

pc项目-publish-最大上传图片数量控制

06:37

pc项目-publish-收集表单数据提交接口

12:02

pc项目-publish-暂存图片列表

17:12

pc项目-publish-编辑-文案适配

05:27

pc项目-publish-编辑-回显基础数据

11:56

pc项目-publish-编辑-回显upload图片显示

10:11

pc项目-publish-编辑-回填暂存列表数据

04:33

pc项目-publish-编辑-尝试更新找到bug

06:47

pc项目-publish-编辑-更改setFileList逻辑实现数据统一

10:08

项目打包-打包和预览

01:55

项目打包-包大小体积分析

05:08

项目打包-cdn配置

20:16

项目打包-路由懒加载

07:58

顶部