快速上手React基础

【23期】PHP阶段，4.6号开班！

React 使创建交互式 UI 变得轻而易举。为你应用的每一个状态设计简洁的视图，当数据变动时 React 能高效更新并渲染合适的组件。

难度：初级

共126章节

70004次播放

第1章虚拟DOM和JSX: React 简介
13:26; React小案例
17:30; 两种创建虚拟Dom的方式
08:40; 虚拟DOM与真实DOM
07:38; jsx语法规则
22:56; jsx小练习
16:55
第2章面向组件编程: 开发者工具安装
06:33; 组件与模块
05:30; 函数式组件
14:15; 复习类相关知识
20:27; 类式组件
12:09
第3章组件核心属性之state: 对state的理解
06:09; 初始化state
10:54; react中的事件绑定
11:47; 类中方法中的this
18:59; 解决类中this指向问题
07:18; setState的使用
14:17; state的简写方式
15:26; 总结state
03:04
第4章组件核心属性之props: props的基本使用
08:43; 批量传递props
20:20; 对props进行限制
18:06; props的简写方式
07:52; 类式组件中的构造器与props
07:32; 函数式组件使用props
06:45; 总结props
05:36
第5章组件核心属性之refs: 字符串形式的ref
13:01; 回调形式的ref
11:14; 回调ref中调用次数的问题
13:33; createRef的使用
07:58; 总结ref
03:39
第6章事件与表单数据: 事件处理
09:14; 非受控组件
13:35; 受控组件
10:30; 高阶函数和函数柯里化
23:54; 不用柯里化的写法
07:06
第7章组件的生命周期（一）: 引出生命周期
27:28; 生命周期(旧)_组件挂载流程
11:54; 生命周期(旧)_setState流程
11:49; 生命周期(旧)_forceUpdate流程
03:57; 父组件render流程
14:21; 总结生命周期(旧)
08:57
第8章组件的生命周期（二）: 对比新旧生命周期
20:32; getDerivedStateFromProps
11:01; getSnapshotBeforeUpdate
11:15; 10 getSnapshotBeforeUpdate案例
22:28; 总结生命周期(新)
04:20; DOM的diffing算法
34:56
第9章脚手架: 初始化react脚手架
35:55; 脚手架文件介绍_public
20:33; 脚手架文件介绍_src
17:37; 一个简单Hello组件
37:43; 样式的模块化
05:08; WebStorm中的快捷键
10:02; 组件化编码流程
08:50
第10章 TodoList案例: TodoList案例_静态组件
30:56; 动态初始化列表
16:36; 添加todo
28:09; 鼠标移入效果
09:11; 勾选和取消勾选
18:13; 对props进行限制
06:11; 删除一个todo
13:11; 实现底部功能
21:29; 总结TodoList案例
04:41
第11章豆瓣电影搜索案例: 脚手架配置代理1
31:43; 脚手架配置代理2
26:32; 豆瓣电影搜索案例_静态组件
16:41; 豆瓣电影搜索案例_axios发送请求
30:10; 豆瓣电影搜索案例_展示数据
14:05; 豆瓣电影搜索案例_完成案例
23:05; 豆瓣电影搜索案例_消息订阅与发布_pubsub
24:28; 豆瓣电影搜索案例_fetch发送请求
36:04; 豆瓣电影搜索案例_总结
第12章 react router: 对SPA应用的理解
07:46; 对路由的理解
07:32; 前端路由原理
24:27; 路由的基本使用
38:02; 路由组件与一般组件
24:01; NavLink的使用
04:59; 封装NavLink组件
20:44; Switch的使用
06:33; 解决样式丢失问题
19:03; 路由的模糊匹配与严格匹配
11:37; Redirect的使用
09:41; 嵌套路由
33:51; 向路由组件传递params参数
28:23; 向路由组件传递search参数
15:29; 向路由组件传递state参数
14:19; 总结路由参数
04:02; push与repalce
09:53; 编程式路由导航
25:01; withRouter的使用
13:40; BrowserRouter与HashRouter
08:40
第13章 UI组件库 antd: antd的基本使用
25:53; antd样式的按需引入
09:44; antd自定义主题
12:03
第14章状态管理 redux: redux简介
08:13; redux工作流程
19:29; 求和案例_纯react版; 求和案例_redux精简版
44:17; 求和案例_redux完整版
20:04; 求和案例_异步action版
21:12; 对react-redux的理解
07:36; 连接容器组件与UI组件
16:07; react-redux基本使用
34:34; 优化1_简写mapDispatch
13:11; 优化2_Provider组件的使用
07:50; 优化3_整合UI组件与容器组件
06:01; 数据共享_编写Person组件
17:06; 数据共享_编写Person组件的reducer; 数据共享_完成数据共享; 纯函数; redux开发者工具
17:18; 最终版
18:21; 项目打包运行
12:42
第15章扩展: 扩展1_setState; 扩展2_lazyLoad; 扩展3_stateHook; 扩展4_EffectHook; 扩展5_RefHook; 扩展6_Fragment; 扩展7_Context; 扩展8_PureComponent; 扩展9_renderProps; 扩展10_ErrorBoundary; 组件间通信方式总结

讲师介绍

PHPzhong: 全栈工程师

能学到什么:: React 使创建交互式 UI 变得轻而易举。为你应用的每一个状态设计简洁的视图，当数据变动时 React 能高效更新并渲染合适的组件。

暂无课件

取消回复发送

PHP中文网