關於導師
- PHPz
- 您將會學到:
React 讓建立互動式 UI 變得輕而易舉。為你應用的每一個狀態設計簡潔的視圖，當資料變動時 React 能有效率地更新並渲染合適的元件。
React 簡介
13分鐘26秒React小案例
17分鐘30秒兩種創建虛擬Dom的方式
08分鐘40秒虛擬DOM與真實DOM
07分鐘38秒jsx語法規則
22分鐘56秒jsx小練習
16分鐘55秒開發者工具安裝
06分鐘33秒組件與模組
05分鐘30秒函數式元件
14分鐘15秒複習類相關知識
20分鐘27秒類別式元件
12分鐘09秒對state的理解
06分鐘09秒初始化state
10分鐘54秒react中的事件綁定
11分鐘47秒類別中方法中的this
18分鐘59秒解決類別中this指向問題
07分鐘18秒setState的使用
14分鐘17秒state的簡寫方式
15分鐘26秒總結state
03分鐘04秒props的基本使用
08分鐘43秒批量傳遞props
20分鐘20秒對props進行限制
18分鐘06秒props的簡寫方式
07分鐘52秒類別組件中的構造器與props
07分鐘32秒函數式元件使用props
06分鐘45秒總結props
05分鐘36秒字串形式的ref
13分鐘01秒回調形式的ref
11分鐘14秒回調ref中呼叫次數的問題
13分鐘33秒createRef的使用
07分鐘58秒總結ref
03分鐘39秒事件處理
09分鐘14秒非受控組件
13分鐘35秒受控組件
10分鐘30秒高階函數和函數柯里化
23分鐘54秒不用柯里化的寫法
07分鐘06秒引出生命週期
27分鐘28秒生命週期(舊)_元件掛載流程
11分鐘54秒生命週期(舊)_setState流程
11分鐘49秒生命週期(舊)_forceUpdate流程
03分鐘57秒父元件render流程
14分鐘21秒總結生命週期(舊)
08分鐘57秒比較新舊生命週期
20分鐘32秒從Props取得DerivedState
11分鐘01秒取得更新前快照
11分鐘15秒10 getSnapshotBeforeUpdate案例
22分鐘28秒總結生命週期(新)
04分鐘20秒DOM的diffing演算法
34分鐘56秒初始化react腳手架
35分鐘55秒鷹架檔介紹_public
20分鐘33秒腳手架檔案介紹_src
17分鐘37秒一個簡單Hello組件
37分鐘43秒樣式的模組化
05分鐘08秒WebStorm中的快速鍵
10分鐘02秒組件化編碼流程
08分鐘50秒TodoList案例_靜態元件
30分鐘56秒動態初始化列表
16分鐘36秒添加todo
28分鐘09秒滑鼠移入效果
09分鐘11秒勾選和取消勾選
18分鐘13秒對props進行限制
06分鐘11秒刪除一個todo
13分鐘11秒實現底部功能
21分鐘29秒總結TodoList案例
04分鐘41秒鷹架配置代理1
31分鐘43秒鷹架配置代理2
26分鐘32秒豆瓣電影搜尋案例_靜態組件
16分鐘41秒豆瓣電影搜尋案例_axios發送請求
30分鐘10秒豆瓣電影搜尋案例_展示數據
14分鐘05秒豆瓣電影搜尋案例_完成案例
23分鐘05秒豆瓣電影搜尋案例_訊息訂閱與發布_pubsub
24分鐘28秒豆瓣電影搜尋案例_fetch發送請求
36分鐘04秒豆瓣電影搜尋案例_總結
對SPA應用的理解
07分鐘46秒對路由的理解
07分鐘32秒前端路由原理
24分鐘27秒路由的基本使用
38分鐘02秒路由組件與一般組件
24分鐘01秒NavLink的使用
04分鐘59秒封裝NavLink組件
20分鐘44秒Switch的使用
06分鐘33秒解決樣式遺失問題
19分鐘03秒路由的模糊匹配與嚴格匹配
11分鐘37秒Redirect的使用
09分鐘41秒嵌套路由
33分鐘51秒向路由組件傳遞params參數
28分鐘23秒向路由組件傳遞search參數
15分鐘29秒向路由組件傳遞state參數
14分鐘19秒總結路由參數
04分鐘02秒push與repalce
09分鐘53秒編程式路由導航
25分鐘01秒withRouter的使用
13分鐘40秒BrowserRouter與HashRouter
08分鐘40秒antd的基本使用
25分鐘53秒antd樣式的按需引入
09分鐘44秒antd自訂主題
12分鐘03秒redux簡介
08分鐘13秒redux工作流程
19分鐘29秒求和案例_純react版
求和案例_redux精簡版
44分鐘17秒求和案例_redux完整版
20分鐘04秒求和案例_非同步action版
21分鐘12秒對react-redux的理解
07分鐘36秒連接容器元件與UI元件
16分鐘07秒react-redux基本使用
34分鐘34秒優化1_簡寫mapDispatch
13分鐘11秒最佳化2_Provider元件的使用
07分鐘50秒優化3_整合UI元件與容器元件
06分鐘01秒資料共享_編寫Person組件
17分鐘06秒資料共享_編寫Person組件的reducer
資料共享_完成資料共享
純函數
redux開發者工具
17分鐘18秒最終版
18分鐘21秒專案打包運行
12分鐘42秒擴展1_setState
擴展2_lazyLoad
擴展3_stateHook
擴充4_EffectHook
擴充5_RefHook
擴充6_Fragment
擴充7_Context
擴充8_PureComponent
擴充9_renderProps
擴充10_ErrorBoundary
組件間通訊方式總結
