/ReactCourse20191031

React 从入门到实践

Primary LanguageJavaScript

ReactCourse20191031

React 从入门到实践

QQ群:594494505
视频教程: https://yunp.top/p/v/1512

课程优势

  1. 知名外企技术总监花费巨大精力打造的前沿的技术教程
  2. 理论与实践相结合,从入门到实践
  3. 157个高清视频,体系完整、知识面广
  4. 废话少、干货多,学得轻松、用得方便,节省您的宝贵时间

课程目录

主目录 课程
第一章 React基础知识
  • 0101React 学习前期准备.mp4
  • 0102React JSX语法.mp4
  • 0103React 元素渲染.mp4
  • 0104React 组件基础之创建组件.mp4
  • 0105React Props属性.mp4
  • 0106React State状态.mp4
  • 0107React 组件生命周期函数.mp4
  • 0108React setState是同步还是异步.mp4
  • 0109React 条件渲染.mp4
  • 0110React 列表渲染&key.mp4
  • 0111React 表单受控组件.mp4
  • 0112React Refs&DOM.mp4
  • 0113React 表单 非受控组件.mp4
  • 0114React 状态提升.mp4
  • 0115React 组件组合.mp4
  • 0116React PropsType验证.mp4
第二章 Antd UI框架
  • 0201React Antd UI组件库引入.mp4
  • 0202React Antd 按需加载.mp4
  • 0203React Antd 属性介绍.mp4
第三章 Fetch 网络请求
  • 0301React Fetch get请求.mp4
  • 0302React Fetch post请求.mp4
  • 0303React Fetch 配置package文件解决跨域.mp4
  • 0304React Fetch 手动配置跨域.mp4
  • 0305React Fetch 封装网络请求.mp4
第四章 React-Router路由配置
  • 0401React-Router 路由介绍.mp4
  • 0402React-Router BrowserRouter 与 HashRouter
  • 0403React-Router Link跳转
  • 0404React-Router exact匹配规则
  • 0405React-Router strict精准匹配
  • 0406React-Router 404页面和Switch
  • 0407React-Router render func
  • 0408React-Router NavLink高亮.mp4
  • 0409React-Router URL Parameters.mp4
  • 0410React-Router query string读取参数.mp4
  • 0411React-Router Link to- object.mp4
  • 0412React-Router redirect重定向.mp4
  • 0413React-Router 重定向push和replace.mp4
  • 0414React-Router withRouter.mp4
  • 0415React-Router Prompt.mp4
  • 0416React-Router 路由嵌套.mp4
第五章 React-Redux基础知识
  • 0501Redux 回顾组件传递及Redux介绍
  • 0502BootStrap CDN加载
  • 0503Redux 引入Redux
  • 0504Redux 引入React-Redux与mapStateToProps读取数据
  • 0505Redux dispatch与mapDispatchToProps修改数据方案
  • 0506Redux bindActionCreators与参数传递
  • 0507Redux combineReducers合并reducer
  • 0508Redux Redux中间件与第三方中间件logger
  • 0509Redux Redux异步中间件redux-thunk
  • 0510Redux Redux-thunk网络请求
  • 0511Redux Redux-thunk请求三种状态
  • 0512Redux Redux调试工具
第六章 React 进阶
  • 0601React 进阶 组件优化1
  • 0602React 进阶 组件优化2
  • 0603React 进阶 组件优化3
  • 0604React 进阶 Fragment
  • 0605React 进阶 Context
  • 0606React 进阶 高阶组件
  • 0607React 进阶 高阶组件应用
  • 0608React 进阶 错误边界处理
第七章 React&Redux实战-登录注册认证
  • 0701React&Redux 登录注册认证系统课程介绍
  • 0702React&Redux 搭建前端环境
  • 0703React&Redux 搭建后端环境
  • 0704React&Redux 页面与路由搭建
  • 0705React&Redux 实现注册页面
  • 0706React&Redux 使用axios发送请求
  • 0707React&Redux 后端验证数据
  • 0708React&Redux 前端显示表单验证错误
  • 0709React&Redux 补充事件点击bug
  • 0710React&Redux 路由跳转实现
  • 0711React&Redux 登录成功失败消息提示
  • 0712React&Redux 删除消息提示
  • 0713React&Redux MYSQL数据库环境搭建
  • 0714React&Redux 数据库与后台交互
  • 0715React&Redux 客户端唯一性验证
  • 0716React&Redux 实现登录页面与功能
  • 0717React&Redux 实现登录验证
  • 0718React&Redux JWT介绍
  • 0719React&Redux 服务器端相应jwt给浏览器
  • 0720React&Redux jwt保存本地与设置axios请求头
  • 0721React&Redux 本地数据token保存至redux中
  • 0722React&Redux 登录注册与登出
  • 0723React&Redux 高阶组件实现页面访问许可
第八章 React 企业级实战项目-宜居
  • 0801React-GoodLive-项目介绍
  • 0802React-GoodLive-蓝湖工具
  • 0803React-GoodsLive-Home-环境搭建
  • 0804React-GoodsLive-Home-路由配置
  • 0805React-GoodsLive-Home-底部导航
  • 0806React-GoodsLive-Home-HomeHeader
  • 0807React-GoodsLive-Home-轮播图
  • 0808React-GoodsLive-Home-服务器端搭建
  • 0809React-GoodsLive-Home-视图适配
  • 0810React-GoodsLive-City-路由配置
  • 0811React-GoodsLive-City-城市页面
  • 0812React-GoodsLive-City-CityRedux
  • 0813React-GoodsLive-City-城市适配
  • 0814React-GoodsLive-City-城市默认数据
  • 0815React-GoodsLive-Search-路由配置
  • 0816React-GoodsLive-Search-路由传递参数
  • 0817React-GoodsLive-Search-搜索数据
  • 0818React-GoodsLive-Search-视图适配
  • 0819React-GoodsLive-Search-再次搜索
  • 0820React-GoodsLive-Search-搜索完结
  • 0821React-GoodsLive-Details-路由配置
  • 0822React-GoodsLive-Details-详情页
  • 0823React-GoodsLive-Details-tab切换
  • 0824React-GoodsLive-Details-评论数据获取
  • 0825React-GoodsLive-Details-评论实现
  • 0826React-GoodsLive-Login-登陆实现
  • 0827React-GoodsLive-Login-收藏功能
  • 0828React-GoodsLive-ShopCar-购物车页面
  • 0829React-GoodsLive-ShopCar-购物车评价
  • 0830React-GoodsLive-Hook
第九章 React Hook新特性
  • 0901React 新特性 State Hook
  • 0902React 新特性 Effect Hook
  • 0903新特性 State Hook 和 Effect Hook实例应用
  • 0904React 新特性 自定义 Hook TodoList
  • 0905React 新特性 Hook Effect 性能优化
  • 0906React 新特性 网络请求
  • 0907React 新特性 React Hook useEffect 实例
  • 0908React 新特性 React Hook 规则
  • 0909React 新特性 useEffect 中的 componentWillUnmount (副作用)
  • 0910React 新特性 React.memo
  • 0911React 新特性 useCallback优化
  • 0912React 新特性 useReducer
  • 0913React 新特性 useContext
  • 0914React 新特性 contextType
  • 0915React state深入理解
第十章 React Dva框架
  • 1001dva介绍与环境搭建
  • 1002dva中引入antd
  • 1003dva路由配置
  • 1004dva了解路由原理
  • 1005dva编写UI Component组件
  • 1006dva Model创建
  • 1007dva路由跳转
  • 1008dva Model异步处理
  • 1009dva Mock数据处理
  • 1010dva 网络请求
  • 1011dva Model API
  • 1012dva redux-actions
第十一章 React TypeScript
  • 1101项目创建
  • 1102React引入
  • 1103React组件声明
  • 1104数据传递
  • 1105状态管理
  • 1106事件处理
  • 1107条件与列表渲染
  • 1108引入第三方UI
  • 1109路由
  • 1110Redux
第十二章 TypeScript+Node
  • 1201TypeScript + Node.js 实战 项目搭建
  • 1202TypeScript + Node.js 实战 API请求
  • 1203TypeScript + Node.js 实战 创建User Model
  • 1204TypeScript + Node.js 实战 回调函数
  • 1205TypeScript + Node.js 实战 创建Repos Model
  • 1206TypeScript + Node.js 实战 数据排序
  • 1207TypeScript + Node.js 实战 增加接口
第十三章 React UmiJS框架
  • 1301UmiJS介绍
  • 1302UmiJS快速上手
  • 1303UmiJS脚手架create-umi
  • 1304UmiJS 路由约定与配置
  • 1305UmiJS结合Dva
  • 1306UmiJS结合Dva配置immer
  • 1307UmiJS结合Dva按需加载原理
  • 1308UmiJS动态加载相关配置
  • 1309UmiJS动态加载源码深入解析
  • 1310UmiJS插件配置其他
  • 1311UmiJS插件语言设置
  • 1312UmiJS插件Dll二次启动提速
  • 1313UmiJS与Webpack相关配置/li>

--------下面是介绍------不算太华丽丽的分割线----------

前端常用框架中,使用率非常高的框架就是React。React是用于构建用户界面的 JavaScript 库,具有声明式,组件化,虚拟DOM,一次学习,随处编写等优点。
本套课程适合具有HTML、CSS和JavaScript基础的同学学习,也适合正在工作并准备学习React的工作者学习,或者已经入坑React准备深入到项目应用的同学学习。
视频学习的最大优点是可以以最快速度搞定,避免了走弯路和无用功,所以我们特录制成课程,等你来撸!
我们与其他课程不同的是,在整个学习阶段,遇到的问题,可以时时与老师进行QQ与微信沟通,可以说集线上优质的课程,线下的体贴服务与一体,同时以299的价格享受5999的问答服务体验。
本套课程目前包含十二个章节,内容既有深度也很有广度。后续会不断更新。从基础到进阶再到项目实战于一体的课程,可以说,是从React的零基础一直到实际项目的内容全部包含,是一套良心之作。只要认真跟着走下来,一定以及肯定搞定了React。
课程具体内容包含,React基础API、Antd框架应用及按需加载、Fetch网络请求与封装、全家桶之React-Router路由应用、全家桶之React-Redux基础与深入应用、React进阶、React&ReactRedux实战之登录注册认证、React&ReactRedux实战项目之“宜居”(租房类Webapp)、React新特性之Hook、React优秀框架Dva(github点星数14.1k)、React TypeScript开发同时最后补充TypeScript+Node应用。
本套课程命名风波,本来想叫的高大上一点,例如:React深入浅出,React企业级入门与实战,但是奈何录制课程的老师死脑筋,说课程就是入门基础和实战课程,就只能叫React从入门到实战,咱也是给跪了!
后续预计更新:React Antd实战项目、React Antd-Pro实战项目、Dva+umijs实战项目