- 001_react简介
- 002_hello_react案例
- 003_虚拟DOM的两种创建方式
- 004_虚拟DOM与真实DOM
- 005_jsx语法规则
- 006_jsx小练习
- 007_组件与模块
- 008_开发者工具的安装
- 009_函数式组件
- 010_复习类相关知识
- 011_类式组件
- 012_对state的理解
- 013_初始化state
- 014_react中的事件绑定
- 015_类中方法中的this
- 016_解决类中this指向问题
- 017_setState的使用
- 018_state的简写方式
- 019_总结state
- 020_props的基本使用
- 021_批量传递props
- 022_对props进行限制
- 023_props的简写方式
- 024_类式组件中的构造器与props
- 025_函数式组件使用props
- 026_总结props
- 027_字符串形式的ref
- 028_回调形式的ref
- 029_回调ref中调用次数的问题
- 030_createRef的使用
- 031_总结ref
- 032_react中的事件处理
- 033_非受控组件
- 034_受控组件
- 035_高阶函数_函数柯里化
- 036_不用柯里化的写法
- 037_引出生命周期
- 038_生命周期(旧)_组件挂载流程
- 039_生命周期(旧)_setState流程
- 040_生命周期(旧)_forceUpdate流程
- 041_生命周期(旧)_父组件render流程
- 042_总结生命周期(旧)
- 043_对比新旧生命周期
- 044_getDerivedStateFromProps
- 045_getSnapshotBeforeUpdate
- 046_getSnapshotBeforeUpdate举例
- 047_总结生命周期(新)
- 048_DOM的diffing算法
- 049_初始化react脚手架
- 050_脚手架文件介绍_public
- 051_脚手架文件介绍_src
- 052_一个简单的Hello组件
- 053_样式的模块化
- 054_vscode中react插件的安装
- 055_尚硅谷_react教程_组件化编码流程
- 056_尚硅谷_react教程_TodoList案例_静态组件
- 057_尚硅谷_react教程_TodoList案例_动态初始化列表
- 058_尚硅谷_react教程_TodoList案例_添加todo
- 059_尚硅谷_react教程_TodoList案例_鼠标移入效果
- 060_尚硅谷_react教程_TodoList案例_添加一个todo
- 061_尚硅谷_react教程_TodoList案例_对props进行限制
- 062_尚硅谷_react教程_TodoList案例_删除一个todo
- 063_尚硅谷_react教程_TodoList案例_实现底部功能
- 064_尚硅谷_react教程_TodoList案例_总结TodoList案例
- 065_尚硅谷_react教程_脚手架配置代理_方法1
- 066_尚硅谷_react教程_脚手架配置代理_方法2
- 067_尚硅谷_react教程_github搜索案例_静态组件
- 068_尚硅谷_react教程_github搜索案例_axios发送请求
- 069_尚硅谷_react教程_github搜索案例_展示数据
- 070_尚硅谷_react教程_github搜索案例_完成案例
- 071_尚硅谷_react教程_消息订阅与发布技_pubsub
- 072_尚硅谷_react教程_fetch发送请求
- 073_尚硅谷_react教程_总结github搜索案例
- 074_尚硅谷_react教程_对SPA应用的理解
- 075_尚硅谷_react教程_对路由的理解
- 076_尚硅谷_react教程_前端路由原理
- 077_尚硅谷_react教程_路由的基本使用
- 078_尚硅谷_react教程_路由组件与一般组件
- 079_尚硅谷_react教程_NavLink的使用
- 080_尚硅谷_react教程_封装NavLink组件
- 081_尚硅谷_react教程_Switch的使用
- 082_尚硅谷_react教程_解决样式丢失问题
- 083_尚硅谷_react教程_路由的模糊匹配与严格匹配
- 084_尚硅谷_react教程_Redirect的使用
- 085_尚硅谷_react教程_嵌套路由
- 086_尚硅谷_react教程_向路由组件传递params参数
- 087_尚硅谷_react教程_向路由组件传递search参数
- 088_尚硅谷_react教程_向路由组件传递state参数
- 089_尚硅谷_react教程_总结路由参数
- 090_尚硅谷_react教程_push与repalce
- 091_尚硅谷_react教程_编程式路由导航
- 092_尚硅谷_react教程_withRouter的使用
- 093_尚硅谷_react教程_BrowserRouter与HashRouter
- 094_尚硅谷_react教程_antd的基本使用
- 095_尚硅谷_react教程_antd样式的按需引入
- 096_尚硅谷_react教程_antd自定义主题
- 097_尚硅谷_react教程_redux简介
- 098_尚硅谷_react教程_redux工作流程
- 099_尚硅谷_react教程_求和案例_纯react版
- 100_尚硅谷_react教程_求和案例_redux精简版
- 101_尚硅谷_react教程_求和案例_redux完整版
- 102_尚硅谷_react教程_求和案例_异步action版
- 103_尚硅谷_react教程_对react-redux的理解
- 104_尚硅谷_react教程_连接容器组件与UI组件
- 105_尚硅谷_react教程_react-redux基本使用
- 106_尚硅谷_react教程_优化1_简写mapDispatch
- 107_尚硅谷_react教程_优化2_Provider组件的使用
- 108_尚硅谷_react教程_优化3_整合UI组件与容器组件
- 109_尚硅谷_react教程_数据共享_编写Person组件
- 110_尚硅谷_react教程_数据共享_编写Person组件的reducer
- 111_尚硅谷_react教程_数据共享_完成数据共享
- 112_尚硅谷_react教程_纯函数
- 113_尚硅谷_react教程_redux开发者工具
- 114_尚硅谷_react教程_最终版
- 115_尚硅谷_react教程_项目打包运行
- 116_尚硅谷_react教程_扩展1_setState
- 117_尚硅谷_react教程_扩展2_lazyLoad
- 118_尚硅谷_react教程_扩展3_stateHook
- 119_尚硅谷_react教程_扩展4_EffectHook
- 120_尚硅谷_react教程_扩展5_RefHook
- 121_尚硅谷_react教程_扩展6_Fragment
- 122_尚硅谷_react教程_扩展7_Context
- 123_尚硅谷_react教程_扩展8_PureComponent
- 124_尚硅谷_react教程_扩展9_renderProps
- 125_尚硅谷_react教程_扩展10_ErrorBoundary
- 126_尚硅谷_react教程_组件间通信方式总结
- 127_课程说明
- 128_一级路由
- 129_重定向
- 130_NavLink高亮
- 131_useRoutes路由表
- 132_嵌套路由
- 133_路由的params参数
- 134_路由的search参数
- 135_路由的state参数
- 136_编程式路由导航
- 137_useInRouterContext
- 138_useNavigationType
- 139_useOutlet
- 140_useOutletuseResolvedPath
- 141_总结
本套视频是尚硅谷前端学科推出的完整大型电商平台的前端项目视频:“React全栈SPA项目”,依托某大型企业级电商网站,使用React全家桶+AntD框架实现电商的后台管理系统。 如果你认为该视频只是在讲解一个后台项目,你可能对它还有所误会! 业务功能模块: 用户登陆、商品分类管理、商品管理、角色管理、用户管理、菜单权限控制、订单管理等
课程简介:
该课程主要是学习React 的基础入门知识,介绍了React的基础知识点,并且在最后制作完成一个简单的 tab 组件,应用介绍的各个知识点。
在线开发环境:
和其他课程一样,该课程也有在线开发环境,你不必自己本地搭建React开发环境,只要上实验楼,打开浏览器即可在线动手学习该课程。