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

79,423 阅读5分钟

一共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)