本套视频教程基于React17录制,对React开发中的各项核心技术进行了详细讲解。知识点涵盖全面,既包括:虚拟DOM与JSX、DOM-Diffing算法、React-Router、生命周期(新版+旧版)等基础内容的讲解;又包括:组件的基本使用、组件的封装、组件的懒加载、组件的优化等组件核心技术;还包括:Pubsub、Redux、React-Redux、hooks、ErrorBoundary、Context等进阶内容;更包括:高阶函数、函数柯里化、this指向分析、ES6/7/8部分新语法、antdUI组件库、fetch等扩展内容…… 核心React基础知识+周边技术一网打尽! 师出名门的UI组件库:antd(蚂蚁金服出品),集中式状态管理的经典之作:Redux,消息订阅与发布理念中的老大哥:Pubsub,同时扩展了React的hooks、错误边界、Context等内容,全面且系统的知识点剖析,助你轻松驾驭真实项目! 知识点都以案例为驱动,演绎式教学,生活化举例,保姆式解读官网,授之以鱼更授之以渔!讲解细致,幽默风趣,让你听着上头,学到痴迷。教程配备了丰富的图示、案例、笔记、服务器,即便零基础的小伙伴也可以愉快地学会React技术。一套课程让你精通React技术栈,让开发如丝滑般流畅! 课程前置知识: √ HTML+CSS布局基础 √ 函数基础 √ class(类) √ ES6语法规范 √ 包与包管理器(npm、yarn) √ 原型、原型链 √ 数组常用方法(map、filter、reduce) √ 模块化(CommonJS、ES6模块化) √ Ajax(xhr与axios) √ Promise基本使用(async、await、try、catch)
视频目录 001.尚硅谷_React-react简介002.尚硅谷_React-hello_react案例003.尚硅谷_React-虚拟DOM的两种创建方式004.尚硅谷_React-虚拟DOM与真实DOM005.尚硅谷_React-jsx语法规则006.尚硅谷_React-jsx小练习007.尚硅谷_React-组件与模块008.尚硅谷_React-开发者工具的安装009.尚硅谷_React-函数式组件010.尚硅谷_React-复习类相关知识011.尚硅谷_React-类式组件012.尚硅谷_React-对state的理解013.尚硅谷_React-初始化state014.尚硅谷_React-react中的事件绑定015.尚硅谷_React-类中方法中的this016.尚硅谷_React-解决类中this指向问题017.尚硅谷_React-setState的使用018.尚硅谷_React-state的简写方式019.尚硅谷_React-总结state020.尚硅谷_React-props的基本使用021.尚硅谷_React-批量传递props022.尚硅谷_React-对props进行限制023.尚硅谷_React-props的简写方式024.尚硅谷_React-类式组件中的构造器与props025.尚硅谷_React-函数式组件使用props026.尚硅谷_React-总结props027.尚硅谷_React-字符串形式的ref028.尚硅谷_React-回调形式的ref029.尚硅谷_React-回调ref中调用次数的问题030.尚硅谷_React-createRef的使用031.尚硅谷_React-总结ref032.尚硅谷_React-react中的事件处理033.尚硅谷_React-非受控组件034.尚硅谷_React-受控组件035.尚硅谷_React-高阶函数_函数柯里化036.尚硅谷_React-不用柯里化的写法037.尚硅谷_React-引出生命周期038.尚硅谷_React-生命周期(旧)_组件挂载流程039.尚硅谷_React-生命周期(旧)_setState流程040.尚硅谷_React-生命周期(旧)_forceUpdate流程041.尚硅谷_React-生命周期(旧)_父组件render流程042.尚硅谷_React-总结生命周期(旧)043.尚硅谷_React-对比新旧生命周期044.尚硅谷_React-getDerivedStateFromProps045.尚硅谷_React-getSnapshotBeforeUpdate046.尚硅谷_React-getSnapshotBeforeUpdate举例047.尚硅谷_React-总结生命周期(新)048.尚硅谷_React-DOM的diffing算法049.尚硅谷_React-初始化react脚手架050.尚硅谷_React-脚手架文件介绍_public051.尚硅谷_React-脚手架文件介绍_src052.尚硅谷_React-一个简单的Hello组件053.尚硅谷_React-样式的模块化054.尚硅谷_React-vscode中react插件的安装055.尚硅谷_React-组件化编码流程056.尚硅谷_React-TodoList案例_静态组件057.尚硅谷_React-TodoList案例_动态初始化列表058.尚硅谷_React-TodoList案例_添加todo059.尚硅谷_React-TodoList案例_鼠标移入效果060.尚硅谷_React-TodoList案例_添加一个todo061.尚硅谷_React-TodoList案例_对props进行限制062.尚硅谷_React-TodoList案例_删除一个todo063.尚硅谷_React-TodoList案例_实现底部功能064.尚硅谷_React-TodoList案例_总结TodoList案例065.尚硅谷_React-脚手架配置代理_方法1066.尚硅谷_React-脚手架配置代理_方法2067.尚硅谷_React-github搜索案例_静态组件068.尚硅谷_React-github搜索案例_axios发送请求069.尚硅谷_React-github搜索案例_展示数据070.尚硅谷_React-github搜索案例_完成案例071.尚硅谷_React-消息订阅与发布技_pubsub072.尚硅谷_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与repalce091.尚硅谷_React-编程式路由导航092.尚硅谷_React-withRouter的使用093.尚硅谷_React-BrowserRouter与HashRouter094.尚硅谷_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_简写mapDispatch107.尚硅谷_React-优化2_Provider组件的使用108.尚硅谷_React-优化3_整合UI组件与容器组件109.尚硅谷_React-数据共享_编写Person组件110.尚硅谷_React-数据共享_编写Person组件的reducer111.尚硅谷_React-数据共享_完成数据共享112.尚硅谷_React-纯函数113.尚硅谷_React-redux开发者工具114.尚硅谷_React-最终版115.尚硅谷_React-项目打包运行116.尚硅谷_React-扩展1_setState117.尚硅谷_React-扩展2_lazyLoad118.尚硅谷_React-扩展3_stateHook119.尚硅谷_React-扩展4_EffectHook120.尚硅谷_React-扩展5_RefHook121.尚硅谷_React-扩展6_Fragment122.尚硅谷_React-扩展7_Context123.尚硅谷_React-扩展8_PureComponent124.尚硅谷_React-扩展9_renderProps125.尚硅谷_React-扩展10_ErrorBoundary126.尚硅谷_React-组件间通信方式总结