技术胖的2019新版React全家桶免费视频(84集)

技术胖 lv-6
阅读 29883
关注

技术胖的2019新版React全家桶免费视频(84集)

一共84集,从5月4日开始录制,到9月18日完成,5个月时间。如果是一个专业讲师,这进度你会说太慢了,但我的视频都是下班后录制的。今天是个不错的日子,也是我的生日(84年9月18日),标志着我正式进入35岁。在这个特殊的日子里,我献给大家我这将近半年的努力成果,希望更多的小伙伴通过这个视频学会React,升职加薪,迎娶白富美。

每个视频都是配有文章的(文章差不多10万字,所以就不贴在这里了,进入博客可以看文章),正确的顺序应该是先看视频,然后通过文章进行练习。这样的学习效率会非常高,节省你自己的时间。如果你觉的视频有帮助,可以随手给文章一个赞,你的一个赞,就会让更多的人看到文章,帮助更多的小伙伴学习。

也可以在掘金关注我,每年都会强力输出100集免费前端视频给你。

React全家桶学习目录

1-React(新版)基础免费视频教程

  1. React课程前言(315)

  2. React简介和Vue对比(314)

  3. React开发环境搭建(313)

  4. 脚手架生成的项目目录介绍 (312)

  5. HelloWorld和组件的讲解 (311)

  6. React中JSX语法简介 (310)

  7. React实例-小姐姐服务菜单 (309)

  8. React实例-宝剑磨的好,理论不能少(308)

  9. React实例-老板我要加个钟(307)

  10. React实例-宝剑虽然好 老腰受不了(306)

  11. React进阶-JSX防踩坑的几个地方(305)

  12. React进阶-Simple React Snippets(304)

  13. React进阶-组件的拆分(303)

  14. React进阶-父子组件的传值(303)

  15. React进阶-单项数据流和其他(302)

  16. React高级-调试工具的安装及使用(301)

  17. React高级-PropTypes校验传递值(300)

  18. React高级-ref的使用方法(299)

  19. React高级-生命周期讲解-1(298)

  20. React高级-生命周期讲解-2(297)

  21. React高级-生命周期讲解-3(296)

  22. React高级-生命周期改善程序性能(295)

  23. React高级-axios数据请求(294)

  24. React高级-Axios请求EasyMock(293)

  25. React高级-用CSS3实现react动画(292)

  26. React高级-CSS3的keyframes动画(291)

  27. React高级-react-transition-group(290)

  28. React高级-多DOM动画制作和编写(289)

2-Redux免费视频教程

  1. 基础-认识redux和文章介绍(339)

  2. 基础-Redux工作流程(338)

  3. Ant Design介绍和环境初始化(337)

  4. 用Ant Design制作UI界面(336)

  5. 创建Redux中的仓库-store和reducer(335)

  6. 基础-Redux Dev Tools的安装(334)

  7. 基础-通过Input体验Redux的流程(333)

  8. 基础-Redux制作ToDoList列表(332)

  9. 基础-用Redux实现ToDoList的删除功能(331)

  10. 基础-工作中写Redux的小技巧-1(330)

  11. 基础-工作中写Redux的小技巧-2(329)

  12. 加餐-Redux填三个小坑(328)

  13. 进阶-组件UI和业务逻辑的拆分方法(327)

  14. 进阶-填坑和Redux中的无状态组件(326)

  15. 进阶-Axios异步获取数据并和Redux结合(325)

  16. 进阶-Redux-thunk中间件的安装和配置(324)

  17. 进阶-Redux-thunk的使用方法(323)

  18. 进阶-Redux-saga的安装和配置(322)

  19. 进阶-用Redux-saga获取TodoList列表(321)

  20. 进阶-React-Redux介绍和安装(320)

  21. 进阶-React-redux中的Provider和connect(319)

  22. 进阶-React-redux的数据修改(318)

  23. 进阶-React-redux增加List数据(317)

  24. React-redux程序优化(完结)(316)

3-React Router免费视频教程

  1. React Router 安装和基础环境搭建(348)

  2. 像制作普通网页一样使用ReactRouter(347)

  3. ReactRouter动态传值-1(346)

  4. ReactRouter动态传值-2(345)

  5. ReactRouter重定向-Redirect使用(344)

  6. 实例-ReactRouter嵌套路由-1(343)

  7. 实例-ReactRouter嵌套路由-2(342)

  8. 实例-ReactRouter嵌套路由-3(341)

  9. 后台动态获取路由进行配置(340)

4-React Hooks免费视频教程

  1. React Hooks介绍和环境搭建(359)

  2. useState 的介绍和多状态声明(358)

  3. useEffect代替常用生命周期函数(357)

  4. useEffect 实现 componentWillUnmount生命周期函数(356)

  5. useContext 让父子组件传值更简单(355)

  6. useReducer介绍和简单使用(354)

  7. useReducer代替Redux小案例-1(353)

  8. useReducer代替Redux小案例-2(352)

  9. useMemo优化React Hooks程序性能(351)

  10. useRef获取DOM元素和保存变量(350)

  11. 自定义Hooks函数获取窗口大小(349)

5-React服务端渲染框架Next.js入门

  1. Next.js简介和创建项目(371)

  2. creact-next-app快速创建Next.js项目(370)

  3. Next.js的Page和Component的使用(369)

  4. 路由-基础和基本跳转(368)

  5. 路由-跳转时用query传递和接受参数(367)

  6. 路由-六个钩子事件的讲解(366)

  7. 在getInitialProps中用Axios获取远端数据(365)

  8. 使用Style JSX编写页面的CSS样式(364)

  9. Lazy Loading实现模块懒加载(363)

  10. 自定义Head 更加友好的SEO操作(362)

  11. Next.js框架下使用Ant Design UI(361)

  12. Next.js生产环境打包(完结)(360)

第一章:React基础 1.react基础 2. JSX语法 3. 如何给组件添加样式 4. 如何添加自定义组件 5. 创建无状态组件 6. 学习render方法 7. 组件的属性 8. 组件的状态 9. 理解react中的this 10. 使用refs操作DOM元素 11. 子组件children属性 12. 组件的生命周期之创建 13. 组件的生命周期之销毁 14. 高阶组件 第二章: 使用React-router玩转路由管理 1. react路由介绍 2. 跑通基本的开发环境 3. 跑通基本路由 4. 使用Link组件进行导航切换 5. 路由的嵌套使用 6. 设置路由激活状态 7. 路由参数 8. 默认路由 9. indexlink 10. 路由重定向 11. browser history 12. webpack后端服务器 13. 路由切换 14. 钩子函数 15. 扩展内容 第三章:初入JS函数式编程的世界 1.什么是函数式编程 2. 函数式编程的好处 3. 函数是一等公民 4. 纯函数的作用 5. 柯里化函数 6. 函数组合 7. 高阶函数    第四章:深入浅出redux应用 1. Redux课程介绍 2.什么是Redux 3.搭建开发环境 4.理解action-store-reducer 5.理解dispatch 6.subscribe订阅 7.action-creator 8.react-redux介绍 9.实现计数器应用(1) 10.实现计数器应用(2) 11.实现计数器应用(3) 12.实现计数器应用(4) 13.Redux中间件(1) 14.Redux中间件(2) 15.Redux中间件(3) 16.Redux中间件(4) 17.logger中间件 18.thunk中间件实现异步action 19.超棒的调试工具 20.区分开发和生产环境 21.react-router-redux 22.中间件优化    第五章:使用React构建一个应用 1. 组件化思维解析应用功能 2. 跑通基本路由 3. 创建头部搜索组件 4. 封装展示用户信息的组件 5. state、props在传递数据的使用 6. 接入数据 7. 组件功能开发 8. PropTypes接口约束 9. 请求github API数据进行展示    第六章:最新React架构打造炫酷个人简历实战 01-整体项目介绍和内容分析 02-项目需求分析和组件化思考 03-跑通项目基础架构(一) 04-跑通项目基础架构(二) 05-目录规划指导并跑通第一个组件 06-添加container下各组件并跑通路由 07-react-addons-css-transition-group 08-NavMenu导航组件开发(一) 09-NavMenu导航组件开发(二) 10-NavMenu导航组件开发(三) 11-实现collapse折叠功能 12-实现路由激活状态的样式 13-目录层级调整 14-项目首页开发 15-About组件实现及样式优化 16-从业务过程到组件化思维的过渡 17-Skills组件开发 18-Project组件开发与Timeline的使用 19-Project组件和axios 20-Project组件样式开发 21-Contact组件开发(一) 22-Contact组件开发(二) 23-Contact组件开发(三)
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值