下一節: 封装NavLink组件1003 次播放

5 秒后自动播放下一节
  重新觀看

快速上手React基礎

介紹 >
章節課件
第1章虛擬DOM和JSX

React 簡介

13分鐘26秒

React小案例

17分鐘30秒

兩種創建虛擬Dom的方式

08分鐘40秒

虛擬DOM與真實DOM

07分鐘38秒

jsx語法規則

22分鐘56秒

jsx小練習

16分鐘55秒
第2章面向組件編程

開發者工具安裝

06分鐘33秒

組件與模組

05分鐘30秒

函數式元件

14分鐘15秒

複習類相關知識

20分鐘27秒

類別式元件

12分鐘09秒
第3章元件核心屬性之state

對state的理解

06分鐘09秒

初始化state

10分鐘54秒

react中的事件綁定

11分鐘47秒

類別中方法中的this

18分鐘59秒

解決類別中this指向問題

07分鐘18秒

setState的使用

14分鐘17秒

state的簡寫方式

15分鐘26秒

總結state

03分鐘04秒
第4章組件核心屬性之props

props的基本使用

08分鐘43秒

批量傳遞props

20分鐘20秒

對props進行限制

18分鐘06秒

props的簡寫方式

07分鐘52秒

類別組件中的構造器與props

07分鐘32秒

函數式元件使用props

06分鐘45秒

總結props

05分鐘36秒
第5章組件核心屬性之refs

字串形式的ref

13分鐘01秒

回調形式的ref

11分鐘14秒

回調ref中呼叫次數的問題

13分鐘33秒

createRef的使用

07分鐘58秒

總結ref

03分鐘39秒
第6章事件與表單數據

事件處理

09分鐘14秒

非受控組件

13分鐘35秒

受控組件

10分鐘30秒

高階函數和函數柯里化

23分鐘54秒

不用柯里化的寫法

07分鐘06秒
第7章組件的生命週期(一)

引出生命週期

27分鐘28秒

生命週期(舊)_元件掛載流程

11分鐘54秒

生命週期(舊)_setState流程

11分鐘49秒

生命週期(舊)_forceUpdate流程

03分鐘57秒

父元件render流程

14分鐘21秒

總結生命週期(舊)

08分鐘57秒
第8章組件的生命週期(二)

比較新舊生命週期

20分鐘32秒

從Props取得DerivedState

11分鐘01秒

取得更新前快照

11分鐘15秒

10 getSnapshotBeforeUpdate案例

22分鐘28秒

總結生命週期(新)

04分鐘20秒

DOM的diffing演算法

34分鐘56秒
第9章鷹架

初始化react腳手架

35分鐘55秒

鷹架檔介紹_public

20分鐘33秒

腳手架檔案介紹_src

17分鐘37秒

一個簡單Hello組件

37分鐘43秒

樣式的模組化

05分鐘08秒

WebStorm中的快速鍵

10分鐘02秒

組件化編碼流程

08分鐘50秒
第10章TodoList案例

TodoList案例_靜態元件

30分鐘56秒

動態初始化列表

16分鐘36秒

添加todo

28分鐘09秒

滑鼠移入效果

09分鐘11秒

勾選和取消勾選

18分鐘13秒

對props進行限制

06分鐘11秒

刪除一個todo

13分鐘11秒

實現底部功能

21分鐘29秒

總結TodoList案例

04分鐘41秒
第11章豆瓣電影搜尋案例

鷹架配置代理1

31分鐘43秒

鷹架配置代理2

26分鐘32秒

豆瓣電影搜尋案例_靜態組件

16分鐘41秒

豆瓣電影搜尋案例_axios發送請求

30分鐘10秒

豆瓣電影搜尋案例_展示數據

14分鐘05秒

豆瓣電影搜尋案例_完成案例

23分鐘05秒

豆瓣電影搜尋案例_訊息訂閱與發布_pubsub

24分鐘28秒

豆瓣電影搜尋案例_fetch發送請求

36分鐘04秒

豆瓣電影搜尋案例_總結

第12章react router

對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秒
第13章UI元件庫 antd

antd的基本使用

25分鐘53秒

antd樣式的按需引入

09分鐘44秒

antd自訂主題

12分鐘03秒
第14章狀態管理 redux

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秒
第15章擴充

擴展1_setState

擴展2_lazyLoad

擴展3_stateHook

擴充4_EffectHook

擴充5_RefHook

擴充6_Fragment

擴充7_Context

擴充8_PureComponent

擴充9_renderProps

擴充10_ErrorBoundary

組件間通訊方式總結

  • 取消回覆傳送
  • 取消發佈筆記傳送