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

技术胖

2019年09月18日 阅读 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)