課程目錄:
第一章 :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的高階使用,實戰使用案例,典型的列表頁面...