快速上手React基础-免费在线视频教程-PHP中文网

社区学习工具库休闲

简体中文

快速上手React基础

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

初级

react

基础

137094 人学习

126课时

01 days 04 hours 52 minutes 06 seconds课程总时长

2021-08-25更新

PHPz

金牌讲师

共 72 门课程学员45552 讲师评分5.1

学习是最好的投资！更多>>

课程介绍课程大纲其他课程

您将会学到：

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

快速上手React基础

第1章虚拟DOM和JSX
展开收起

第1 节 React 简介
时长： 13 minutes 26 seconds

第2 节 React小案例
时长： 17 minutes 30 seconds

第3 节两种创建虚拟Dom的方式
时长： 08 minutes 40 seconds

第4 节虚拟DOM与真实DOM
时长： 07 minutes 38 seconds

第5 节 jsx语法规则
时长： 22 minutes 56 seconds

第6 节 jsx小练习
时长： 16 minutes 55 seconds
第2章面向组件编程
展开收起

第1 节开发者工具安装
时长： 06 minutes 33 seconds

第2 节组件与模块
时长： 05 minutes 30 seconds

第3 节函数式组件
时长： 14 minutes 15 seconds

第4 节复习类相关知识
时长： 20 minutes 27 seconds

第5 节类式组件
时长： 12 minutes 09 seconds
第3章组件核心属性之state
展开收起

第1 节对state的理解
时长： 06 minutes 09 seconds

第2 节初始化state
时长： 10 minutes 54 seconds

第3 节 react中的事件绑定
时长： 11 minutes 47 seconds

第4 节类中方法中的this
时长： 18 minutes 59 seconds

第5 节解决类中this指向问题
时长： 07 minutes 18 seconds

第6 节 setState的使用
时长： 14 minutes 17 seconds

第7 节 state的简写方式
时长： 15 minutes 26 seconds

第8 节总结state
时长： 03 minutes 04 seconds
第4章组件核心属性之props
展开收起

第1 节 props的基本使用
时长： 08 minutes 43 seconds

第2 节批量传递props
时长： 20 minutes 20 seconds

第3 节对props进行限制
时长： 18 minutes 06 seconds

第4 节 props的简写方式
时长： 07 minutes 52 seconds

第5 节类式组件中的构造器与props
时长： 07 minutes 32 seconds

第6 节函数式组件使用props
时长： 06 minutes 45 seconds

第7 节总结props
时长： 05 minutes 36 seconds
第5章组件核心属性之refs
展开收起

第1 节字符串形式的ref
时长： 13 minutes 01 seconds

第2 节回调形式的ref
时长： 11 minutes 14 seconds

第3 节回调ref中调用次数的问题
时长： 13 minutes 33 seconds

第4 节 createRef的使用
时长： 07 minutes 58 seconds

第5 节总结ref
时长： 03 minutes 39 seconds
第6章事件与表单数据
展开收起

第1 节事件处理
时长： 09 minutes 14 seconds

第2 节非受控组件
时长： 13 minutes 35 seconds

第3 节受控组件
时长： 10 minutes 30 seconds

第4 节高阶函数和函数柯里化
时长： 23 minutes 54 seconds

第5 节不用柯里化的写法
时长： 07 minutes 06 seconds
第7章组件的生命周期（一）
展开收起

第1 节引出生命周期
时长： 27 minutes 28 seconds

第2 节生命周期(旧)_组件挂载流程
时长： 11 minutes 54 seconds

第3 节生命周期(旧)_setState流程
时长： 11 minutes 49 seconds

第4 节生命周期(旧)_forceUpdate流程
时长： 03 minutes 57 seconds

第5 节父组件render流程
时长： 14 minutes 21 seconds

第6 节总结生命周期(旧)
时长： 08 minutes 57 seconds
第8章组件的生命周期（二）
展开收起

第1 节对比新旧生命周期
时长： 20 minutes 32 seconds

第2 节从Props获取DerivedState
时长： 11 minutes 01 seconds

第3 节获取更新前快照
时长： 11 minutes 15 seconds

第4 节 10 getSnapshotBeforeUpdate案例
时长： 22 minutes 28 seconds

第5 节总结生命周期(新)
时长： 04 minutes 20 seconds

第6 节 DOM的diffing算法
时长： 34 minutes 56 seconds
第9章脚手架
展开收起

第1 节初始化react脚手架
时长： 35 minutes 55 seconds

第2 节脚手架文件介绍_public
时长： 20 minutes 33 seconds

第3 节脚手架文件介绍_src
时长： 17 minutes 37 seconds

第4 节一个简单Hello组件
时长： 37 minutes 43 seconds

第5 节样式的模块化
时长： 05 minutes 08 seconds

第6 节 WebStorm中的快捷键
时长： 10 minutes 02 seconds

第7 节组件化编码流程
时长： 08 minutes 50 seconds
第10章 TodoList案例
展开收起

第1 节 TodoList案例_静态组件
时长： 30 minutes 56 seconds

第2 节动态初始化列表
时长： 16 minutes 36 seconds

第3 节添加todo
时长： 28 minutes 09 seconds

第4 节鼠标移入效果
时长： 09 minutes 11 seconds

第5 节勾选和取消勾选
时长： 18 minutes 13 seconds

第6 节对props进行限制
时长： 06 minutes 11 seconds

第7 节删除一个todo
时长： 13 minutes 11 seconds

第8 节实现底部功能
时长： 21 minutes 29 seconds

第9 节总结TodoList案例
时长： 04 minutes 41 seconds
第11章豆瓣电影搜索案例
展开收起

第1 节脚手架配置代理1
时长： 31 minutes 43 seconds

第2 节脚手架配置代理2
时长： 26 minutes 32 seconds

第3 节豆瓣电影搜索案例_静态组件
时长： 16 minutes 41 seconds

第4 节豆瓣电影搜索案例_axios发送请求
时长： 30 minutes 10 seconds

第5 节豆瓣电影搜索案例_展示数据
时长： 14 minutes 05 seconds

第6 节豆瓣电影搜索案例_完成案例
时长： 23 minutes 05 seconds

第7 节豆瓣电影搜索案例_消息订阅与发布_pubsub
时长： 24 minutes 28 seconds

第8 节豆瓣电影搜索案例_fetch发送请求
时长： 36 minutes 04 seconds

第9 节豆瓣电影搜索案例_总结
时长：计算中
第12章反应路由器
展开收起

第1 节对SPA应用的理解
时长： 07 minutes 46 seconds

第2 节对路由的理解
时长： 07 minutes 32 seconds

第3 节前端路由原理
时长： 24 minutes 27 seconds

第4 节路由的基本使用
时长： 38 minutes 02 seconds

第5 节路由组件与一般组件
时长： 24 minutes 01 seconds

第6 节 NavLink的使用
时长： 04 minutes 59 seconds

第7 节封装NavLink组件
时长： 20 minutes 44 seconds

第8 节 Switch的使用
时长： 06 minutes 33 seconds

第9 节解决样式丢失问题
时长： 19 minutes 03 seconds

第10 节路由的模糊匹配与严格匹配
时长： 11 minutes 37 seconds

第11 节 Redirect的使用
时长： 09 minutes 41 seconds

第12 节嵌套路由
时长： 33 minutes 51 seconds

第13 节向路由组件传递params参数
时长： 28 minutes 23 seconds

第14 节向路由组件传递search参数
时长： 15 minutes 29 seconds

第15 节向路由组件传递state参数
时长： 14 minutes 19 seconds

第16 节总结路由参数
时长： 04 minutes 02 seconds

第17 节 push与repalce
时长： 09 minutes 53 seconds

第18 节编程式路由导航
时长： 25 minutes 01 seconds

第19 节 withRouter的使用
时长： 13 minutes 40 seconds

第20 节浏览器路由器与HashRouter
时长： 08 minutes 40 seconds
第13章 UI组件库 antd
展开收起

第1 节 antd的基本使用
时长： 25 minutes 53 seconds

第2 节 antd样式的按需引入
时长： 09 minutes 44 seconds

第3 节 antd自定义主题
时长： 12 minutes 03 seconds
第14章状态管理 redux
展开收起

第1 节 redux简介
时长： 08 minutes 13 seconds

第2 节 redux工作流程
时长： 19 minutes 29 seconds

第3 节求和案例_纯react版
时长：计算中

第4 节求和案例_redux精简版
时长： 44 minutes 17 seconds

第5 节求和案例_redux完整版
时长： 20 minutes 04 seconds

第6 节求和案例_异步action版
时长： 21 minutes 12 seconds

第7 节对react-redux的理解
时长： 07 minutes 36 seconds

第8 节连接容器组件与UI组件
时长： 16 minutes 07 seconds

第9 节 react-redux基本使用
时长： 34 minutes 34 seconds

第10 节优化1_简写mapDispatch
时长： 13 minutes 11 seconds

第11 节优化2_Provider组件的使用
时长： 07 minutes 50 seconds

第12 节优化3_整合UI组件与容器组件
时长： 06 minutes 01 seconds

第13 节数据共享_编写Person组件
时长： 17 minutes 06 seconds

第14 节数据共享_编写Person组件的reducer
时长：计算中

第15 节数据共享_完成数据共享
时长：计算中

第16 节纯函数
时长：计算中

第17 节 redux开发者工具
时长： 17 minutes 18 seconds

第18 节最终版
时长： 18 minutes 21 seconds

第19 节项目打包运行
时长： 12 minutes 42 seconds
第15章扩展
展开收起

第1 节扩展1_setState
时长：计算中

第2 节扩展2_lazyLoad
时长：计算中

第3 节扩展3_stateHook
时长：计算中

第4 节扩展4_EffectHook
时长：计算中

第5 节扩展5_RefHook
时长：计算中

第6 节扩展6_Fragment
时长：计算中

第7 节扩展7_Context
时长：计算中

第8 节扩展8_PureComponent
时长：计算中

第9 节扩展9_renderProps
时长：计算中

第10 节扩展10_ErrorBoundary
时长：计算中

第11 节组件间通信方式总结
时长：计算中

PHPz 讲师其他课程

开始学习

本课程包括：

01 days 04 hours 52 minutes 06 seconds 视频随时观看

0 下载资源

热门课程最新课程

更多>

79课时
最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课) 1420617
753课时
JAVA 初级入门视频教程 2509764
60课时
小甲鱼零基础入门学习Python视频教程 505771
8课时
Web前端开发极速入门 215574
268课时
零基础精通 PS 视频教程 885075