首页
开发语言
前端技术
React 入门与实战
React 入门与实战
前端最火的框架之一
54课时
|
15835人已学
|
(7 评论)
已收藏
收藏
分享
价格
免费
加入学习
扫二维码继续学习 二维码时效为半小时
去移动端学习
15835人
已收藏
收藏
分享
加入学习
课程概览
课时列表
课时1:React介绍
10:05
课时2:三大框架的现状
07:28
课时3:从组件化方面对比React和Vue
13:48
课时4:从其它角度对比React和Vue
08:53
课时5:为什么要学习React
02:13
课时6:介绍DOM和虚拟DOM的概念
04:56
课时7:虚拟DOM的本质和目的
31:08
课时8:介绍Diff算法的概念
07:38
课时9:使用webpack4.x构建项目的步骤
19:55
课时10:关于Node和Chrome之间的关系
05:35
课时11:webpack-dev-server的基本使用
12:01
课时12:配置html-webpack-plugin插件
08:17
课时13:使用React渲染最基本的虚拟DOM到页面上
16:28
课时14:使用React.createElement实现虚拟DOM嵌套
03:52
课时15:在React项目中启用JSX语法
23:54
课时16:在JSX中书写JS代码
11:39
课时17:将普通字符串数组,转为jsx数组并渲染到页面上
10:53
课时18:演示Vue和React中key的作用
15:10
课时19:关于jsx语法的注意事项
06:08
课时20:创建组件的第一种方式并为组件传递props数据
14:47
课时21:使用ES6的展开运算符简化传递props数据的过程
04:17
课时22:将组件抽离为单独的.jsx文件
08:55
课时23:配置webpack以省略.jsx后缀名
04:21
课时24:配置webpack设置根目录
05:09
课时25:class-创建类并通过constructor挂载实例属性
14:28
课时26:class-使用static创建静态属性
04:25
课时27:class-实例方法和静态方法
10:11
课时28:class-总结class的基本用法和两个注意点
04:06
课时29:class-使用extends实现子类继承父类
10:32
课时30:class-子类访问父类上的实例方法
03:12
课时31:class-constructor构造器中super函数的使用说明
10:42
课时32:class-为子类挂载独有的实例属性和实例方法
06:25
课时33:使用class关键字创建组件
08:59
课时34:为class创建的组件传递props参数并直接使用this.props来访问
06:09
课时35:介绍class创建的组件中this.state
11:14
课时36:介绍有状态组件和无状态组件的区别
07:14
课时37:评论列表案例-创建CmtList组件并渲染基本页面结构
10:21
课时38:评论列表案例-将评论Item项抽离为单独的CmtItem组件
04:42
课时39:评论列表案例-将评论列表组件和评论项组件抽离为单独的组件
05:49
课时40:评论列表案例-演示艾特符号替代相对路径的好处
04:07
课时41:在组件中使用style行内样式并封装样式对象
14:56
课时42:使用css样式表美化组件
09:00
课时43:演示React中使用普通css样式表的作用域冲突问题
07:33
课时44:为普通样式表通过modules参数启用模块化
17:22
课时45:使用localIdentName来自定义模块化的类名
09:11
课时46:通过local和global设置类名是否被模块化
06:15
课时47:在项目中为scss或less文件启用模块化
20:58
课时48:在React中为按钮绑定点击事件
24:22
课时49:使用this.setState修改state上的数据
10:54
课时50:this.setState的两个注意点
06:10
课时51:React中绑定文本框与State中的值
25:16
课时52:拓展-Vue中实例的生命周期1
32:55
课时53:拓展-Vue中实例的生命周期2
09:17
课时54:快速梳理React的组件生命周期函数图
07:48
授课教师
黑马程序员
传智播客旗下高端IT教育品牌
前端开发学习路线重磅上线
前端基础+主流框架,前端开发技能全覆盖
开始学习
阿里云开发者社区全面升级
一站式体验,助力云上开发!
进入新社区
相关课程
查看更多 >
HTML 入门与实战
讲师:
黑马程序员
学习人数:34303
Node.js 入门与实战
讲师:
黑马程序员
学习人数:15840
本课程相关云产品
云服务器 ECS
企业级数据服务解决方案
设置成功!