技術胖的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)