2018最新React實戰高階45講

2021-08-31 21:07:02 字數 1747 閱讀 8448

課程目錄:

第一章 :react 基礎

01 | react出現的歷史背景及特性介紹

02 | 以元件方式考慮ui的構建

03 | jsx 的本質 : 不是模板引擎,而是語法糖

04 | react元件的生命週期及其使用場景

05 | 理解 virtual dom 及 key 屬性的作用

06 | 元件設計模式 : 高階元件和函式作為子元件

07 | 理解新的 context api 及其使用場景

08 | 使用腳手架工具建立 react 專案

09 | 打包和部署

第二章 :react 生態圈

10 | redux(1) : 前端為何需要狀態管理庫

11 | redux(2) : 深入理解 store, action, reducer

12 | redux(3) : 在react中使用redux

13 | redux(4) : 理解非同步 action,redux 中介軟體

14 | redux(5) : 如何組織action和reducer

15 | redux(6) : 理解不可變資料(immutability)

16 | react router(1):路由不只是頁面切換,更是**組織方式

17 | react router(2):引數定義,巢狀路由的使用場景

18 | ui元件庫對比和介紹:ant.design,material ui,semantic ui

19 | 使用next.js建立react同構應用

20 | 使用jest,enzyme等工具進行單元測試

21 | 常用開發除錯工具:eslint,prettier,react devtool,redux devtool

第三章 :構建可維護可擴充套件的前端應用

22 | 前端專案的理想架構:可維護,可擴充套件,可測試,易開發,易建構

23 | 拆分複雜度(1):按領域模型(feature)組織**,降低耦合度

24 | 拆分複雜度(2):如何組織component,action和reducer

25 | 拆分複雜度(3):如何組織react router的路由配置

26 | 使用rekit(1):建立專案,**生成和重構

27 | 使用rekit(2):遵循最佳實踐,保持**一致性

第四章 :常見場景的最佳實踐

28 | 使用react router管理登入和授權

29 | 實現表單(1):初始資料,提交和跳轉

30 | 實現表單(2):錯誤處理,動態表單元素,內容動態載入

31 | 列表頁(1):搜尋,資料快取和分頁

32 | 列表頁(2):快取更新,載入狀態,錯誤處理

33 | 頁面資料需要**多個請求的處理

34 | 內容頁的載入與快取

35 | 基於react router實現分布操作

36 | 常見頁面布局的實現

37 | 使用 react portals 實現對話方塊,使用 antd 對話方塊

38 | 整合第三方js庫:以 d3.js 為例

39 | 基於路由實現選單導航

40 | react 中拖放的實現

第五章:react效能優化

41 | 效能永遠是第一需求:時刻考慮效能問題

42 | 網路效能優化:自動化按需載入

43 | 使用reselect避免重複計算

44 | 下一代 react:非同步渲染

45 | 使用chrome devtool進行效能調優

2019最新某React實戰高階45講

課程目錄 第一章 react 基礎 01 react出現的歷史背景及特性介紹 02 以元件方式考慮ui的構建 03 jsx 的本質 不是模板引擎,而是語法糖 04 react元件的生命週期及其使用場景 05 理解 virtual dom 及 key 屬性的作用 06 元件設計模式 高階元件和函式作為...

React框架Umi實戰 3 路由高階

前面的課程都是使用的約定路由,就是自動生成的,但是我們做專案大部分都是涉及許可權控制的,這時就還是得用控制路由,僅今天就來改進一下 ref export default dynamicimport false,title umis dll false,hardsource false,routes ...

最新某某《vue2 0實戰案例之高階教程》

目錄課時1vue.js前端框架安裝和使用範圍15 28 課時2vue各種基礎指令實際使用技巧20 47 課時3v model各種實際使用案例,開發登入頁面16 05 課時4v if,v bind實戰使用案例,開發登入頁面中邏輯實現。11 02 課時5v for的高階使用,實戰使用案例,典型的列表頁面...