• 课程 / React

    快速上手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
    PHPzhong
    全栈工程师
    能学到什么:

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

    全部评论我要评论

  • hope

    hope1年前

    不错的教程

    回复
    0

  • 取消回复发送
  • PHP中文网