• 课程 / React

    快速上手React基础

    第一期大前端直播班,限50名!

    立即报名 >
    介绍章节评论课件
    React 使创建交互式 UI 变得轻而易举。为你应用的每一个状态设计简洁的视图,当数据变动时 React 能高效更新并渲染合适的组件。
  • 难度:初级
  • 共126章节
  • 12529次播放
  • 第1章 虚拟DOM和JSX
    React 简介
    React小案例
    两种创建虚拟Dom的方式
    虚拟DOM与真实DOM
    jsx语法规则
    jsx小练习
    第2章 面向组件编程
    开发者工具安装
    组件与模块
    函数式组件
    复习类相关知识
    类式组件
    第3章 组件核心属性之state
    对state的理解
    初始化state
    react中的事件绑定
    类中方法中的this
    解决类中this指向问题
    setState的使用
    state的简写方式
    总结state
    第4章 组件核心属性之props
    props的基本使用
    批量传递props
    对props进行限制
    props的简写方式
    类式组件中的构造器与props
    函数式组件使用props
    总结props
    第5章 组件核心属性之refs
    字符串形式的ref
    回调形式的ref
    回调ref中调用次数的问题
    createRef的使用
    总结ref
    第6章 事件与表单数据
    事件处理
    非受控组件
    受控组件
    高阶函数和函数柯里化
    不用柯里化的写法
    第7章 组件的生命周期(一)
    引出生命周期
    生命周期(旧)_组件挂载流程
    生命周期(旧)_setState流程
    生命周期(旧)_forceUpdate流程
    父组件render流程
    总结生命周期(旧)
    第8章 组件的生命周期(二)
    对比新旧生命周期
    getDerivedStateFromProp...
    getSnapshotBeforeUpdate
    10 getSnapshotBeforeUpd...
    总结生命周期(新)
    DOM的diffing算法
    第9章 脚手架
    初始化react脚手架
    脚手架文件介绍_public
    脚手架文件介绍_src
    一个简单Hello组件
    样式的模块化
    WebStorm中的快捷键
    组件化编码流程
    第10章 TodoList案例
    TodoList案例_静态组件
    动态初始化列表
    添加todo
    鼠标移入效果
    勾选和取消勾选
    对props进行限制
    删除一个todo
    实现底部功能
    总结TodoList案例
    第11章 豆瓣电影搜索案例
    脚手架配置代理1
    脚手架配置代理2
    豆瓣电影搜索案例_静态组件
    豆瓣电影搜索案例_axios发送请求
    豆瓣电影搜索案例_展示数据
    豆瓣电影搜索案例_完成案例
    豆瓣电影搜索案例_消息订阅与发布_pubsub
    豆瓣电影搜索案例_fetch发送请求
    豆瓣电影搜索案例_总结
    第12章 react router
    对SPA应用的理解
    对路由的理解
    前端路由原理
    路由的基本使用
    路由组件与一般组件
    NavLink的使用
    封装NavLink组件
    Switch的使用
    解决样式丢失问题
    路由的模糊匹配与严格匹配
    Redirect的使用
    嵌套路由
    向路由组件传递params参数
    向路由组件传递search参数
    向路由组件传递state参数
    总结路由参数
    push与repalce
    编程式路由导航
    withRouter的使用
    BrowserRouter与HashRoute...
    第13章 UI组件库 antd
    antd的基本使用
    antd样式的按需引入
    antd自定义主题
    第14章 状态管理 redux
    redux简介
    redux工作流程
    求和案例_纯react版
    求和案例_redux精简版
    求和案例_redux完整版
    求和案例_异步action版
    对react-redux的理解
    连接容器组件与UI组件
    react-redux基本使用
    优化1_简写mapDispatch
    优化2_Provider组件的使用
    优化3_整合UI组件与容器组件
    数据共享_编写Person组件
    数据共享_编写Person组件的reducer
    数据共享_完成数据共享
    纯函数
    redux开发者工具
    最终版
    项目打包运行
    第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 能高效更新并渲染合适的组件。

    能学到什么:

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

    全部评论我要评论

  • hope

    hope1个月前

    不错的教程

    回复
    0

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