快速上手React基礎-免費線上影片教學-PHP中文網

社群學習工具庫休閒

繁体中文

快速上手React基礎

React 讓建立互動式 UI 變得輕而易舉。為你應用的每一個狀態設計簡潔的視圖，當資料變動時 React 能有效率地更新並渲染合適的元件。

初級

react

基礎

140821 人學習

126課時

01 days 04 hours 52 minutes 06 seconds課程總時長

2021-08-25更新

PHPz

金牌講師

共 72 門課程營員45553人講師評分5.3

学习是最好的投资！更多>>

課程介紹課程大綱其他課程

您將會學到：

React 讓建立互動式 UI 變得輕而易舉。為你應用的每一個狀態設計簡潔的視圖，當資料變動時 React 能有效率地更新並渲染合適的元件。

快速上手React基礎

第1章虛擬DOM和JSX
展開收起

第1節 React 簡介
時長： 13 minutes 26 seconds

第2節 React小案例
時長： 17 minutes 30 seconds

第3節兩種創建虛擬Dom的方式
時長： 08 minutes 40 seconds

第4節虛擬DOM與真實DOM
時長： 07 minutes 38 seconds

第5節 jsx語法規則
時長： 22 minutes 56 seconds

第6節 jsx小練習
時長： 16 minutes 55 seconds
第2章面向組件編程
展開收起

第1節開發者工具安裝
時長： 06 minutes 33 seconds

第2節組件與模組
時長： 05 minutes 30 seconds

第3節函數式元件
時長： 14 minutes 15 seconds

第4節複習類相關知識
時長： 20 minutes 27 seconds

第5節類別式元件
時長： 12 minutes 09 seconds
第3章元件核心屬性之state
展開收起

第1節對state的理解
時長： 06 minutes 09 seconds

第2節初始化state
時長： 10 minutes 54 seconds

第3節 react中的事件綁定
時長： 11 minutes 47 seconds

第4節類別中方法中的this
時長： 18 minutes 59 seconds

第5節解決類別中this指向問題
時長： 07 minutes 18 seconds

第6節 setState的使用
時長： 14 minutes 17 seconds

第7節 state的簡寫方式
時長： 15 minutes 26 seconds

第8節總結state
時長： 03 minutes 04 seconds
第4章組件核心屬性之props
展開收起

第1節 props的基本使用
時長： 08 minutes 43 seconds

第2節批量傳遞props
時長： 20 minutes 20 seconds

第3節對props進行限制
時長： 18 minutes 06 seconds

第4節 props的簡寫方式
時長： 07 minutes 52 seconds

第5節類別組件中的構造器與props
時長： 07 minutes 32 seconds

第6節函數式元件使用props
時長： 06 minutes 45 seconds

第7節總結props
時長： 05 minutes 36 seconds
第5章組件核心屬性之refs
展開收起

第1節字串形式的ref
時長： 13 minutes 01 seconds

第2節回調形式的ref
時長： 11 minutes 14 seconds

第3節回調ref中呼叫次數的問題
時長： 13 minutes 33 seconds

第4節 createRef的使用
時長： 07 minutes 58 seconds

第5節總結ref
時長： 03 minutes 39 seconds
第6章事件與表單數據
展開收起

第1節事件處理
時長： 09 minutes 14 seconds

第2節非受控組件
時長： 13 minutes 35 seconds

第3節受控組件
時長： 10 minutes 30 seconds

第4節高階函數和函數柯里化
時長： 23 minutes 54 seconds

第5節不用柯里化的寫法
時長： 07 minutes 06 seconds
第7章組件的生命週期（一）
展開收起

第1節引出生命週期
時長： 27 minutes 28 seconds

第2節生命週期(舊)_元件掛載流程
時長： 11 minutes 54 seconds

第3節生命週期(舊)_setState流程
時長： 11 minutes 49 seconds

第4節生命週期(舊)_forceUpdate流程
時長： 03 minutes 57 seconds

第5節父元件render流程
時長： 14 minutes 21 seconds

第6節總結生命週期(舊)
時長： 08 minutes 57 seconds
第8章組件的生命週期（二）
展開收起

第1節比較新舊生命週期
時長： 20 minutes 32 seconds

第2節從Props取得DerivedState
時長： 11 minutes 01 seconds

第3節取得更新前快照
時長： 11 minutes 15 seconds

第4節 10 getSnapshotBeforeUpdate案例
時長： 22 minutes 28 seconds

第5節總結生命週期(新)
時長： 04 minutes 20 seconds

第6節 DOM的diffing演算法
時長： 34 minutes 56 seconds
第9章鷹架
展開收起

第1節初始化react腳手架
時長： 35 minutes 55 seconds

第2節鷹架檔介紹_public
時長： 20 minutes 33 seconds

第3節腳手架檔案介紹_src
時長： 17 minutes 37 seconds

第4節一個簡單Hello組件
時長： 37 minutes 43 seconds

第5節樣式的模組化
時長： 05 minutes 08 seconds

第6節 WebStorm中的快速鍵
時長： 10 minutes 02 seconds

第7節組件化編碼流程
時長： 08 minutes 50 seconds
第10章 TodoList案例
展開收起

第1節 TodoList案例_靜態元件
時長： 30 minutes 56 seconds

第2節動態初始化列表
時長： 16 minutes 36 seconds

第3節添加todo
時長： 28 minutes 09 seconds

第4節滑鼠移入效果
時長： 09 minutes 11 seconds

第5節勾選和取消勾選
時長： 18 minutes 13 seconds

第6節對props進行限制
時長： 06 minutes 11 seconds

第7節刪除一個todo
時長： 13 minutes 11 seconds

第8節實現底部功能
時長： 21 minutes 29 seconds

第9節總結TodoList案例
時長： 04 minutes 41 seconds
第11章豆瓣電影搜尋案例
展開收起

第1節鷹架配置代理1
時長： 31 minutes 43 seconds

第2節鷹架配置代理2
時長： 26 minutes 32 seconds

第3節豆瓣電影搜尋案例_靜態組件
時長： 16 minutes 41 seconds

第4節豆瓣電影搜尋案例_axios發送請求
時長： 30 minutes 10 seconds

第5節豆瓣電影搜尋案例_展示數據
時長： 14 minutes 05 seconds

第6節豆瓣電影搜尋案例_完成案例
時長： 23 minutes 05 seconds

第7節豆瓣電影搜尋案例_訊息訂閱與發布_pubsub
時長： 24 minutes 28 seconds

第8節豆瓣電影搜尋案例_fetch發送請求
時長： 36 minutes 04 seconds

第9節豆瓣電影搜尋案例_總結
時長：計算中
第12章 react router
展開收起

第1節對SPA應用的理解
時長： 07 minutes 46 seconds

第2節對路由的理解
時長： 07 minutes 32 seconds

第3節前端路由原理
時長： 24 minutes 27 seconds

第4節路由的基本使用
時長： 38 minutes 02 seconds

第5節路由組件與一般組件
時長： 24 minutes 01 seconds

第6節 NavLink的使用
時長： 04 minutes 59 seconds

第7節封裝NavLink組件
時長： 20 minutes 44 seconds

第8節 Switch的使用
時長： 06 minutes 33 seconds

第9節解決樣式遺失問題
時長： 19 minutes 03 seconds

第10節路由的模糊匹配與嚴格匹配
時長： 11 minutes 37 seconds

第11節 Redirect的使用
時長： 09 minutes 41 seconds

第12節嵌套路由
時長： 33 minutes 51 seconds

第13節向路由組件傳遞params參數
時長： 28 minutes 23 seconds

第14節向路由組件傳遞search參數
時長： 15 minutes 29 seconds

第15節向路由組件傳遞state參數
時長： 14 minutes 19 seconds

第16節總結路由參數
時長： 04 minutes 02 seconds

第17節 push與repalce
時長： 09 minutes 53 seconds

第18節編程式路由導航
時長： 25 minutes 01 seconds

第19節 withRouter的使用
時長： 13 minutes 40 seconds

第20節 BrowserRouter與HashRouter
時長： 08 minutes 40 seconds
第13章 UI元件庫 antd
展開收起

第1節 antd的基本使用
時長： 25 minutes 53 seconds

第2節 antd樣式的按需引入
時長： 09 minutes 44 seconds

第3節 antd自訂主題
時長： 12 minutes 03 seconds
第14章狀態管理 redux
展開收起

第1節 redux簡介
時長： 08 minutes 13 seconds

第2節 redux工作流程
時長： 19 minutes 29 seconds

第3節求和案例_純react版
時長：計算中

第4節求和案例_redux精簡版
時長： 44 minutes 17 seconds

第5節求和案例_redux完整版
時長： 20 minutes 04 seconds

第6節求和案例_非同步action版
時長： 21 minutes 12 seconds

第7節對react-redux的理解
時長： 07 minutes 36 seconds

第8節連接容器元件與UI元件
時長： 16 minutes 07 seconds

第9節 react-redux基本使用
時長： 34 minutes 34 seconds

第10節優化1_簡寫mapDispatch
時長： 13 minutes 11 seconds

第11節最佳化2_Provider元件的使用
時長： 07 minutes 50 seconds

第12節優化3_整合UI元件與容器元件
時長： 06 minutes 01 seconds

第13節資料共享_編寫Person組件
時長： 17 minutes 06 seconds

第14節資料共享_編寫Person組件的reducer
時長：計算中

第15節資料共享_完成資料共享
時長：計算中

第16節純函數
時長：計算中

第17節 redux開發者工具
時長： 17 minutes 18 seconds

第18節最終版
時長： 18 minutes 21 seconds

第19節專案打包運行
時長： 12 minutes 42 seconds
第15章擴充
展開收起

第1節擴展1_setState
時長：計算中

第2節擴展2_lazyLoad
時長：計算中

第3節擴展3_stateHook
時長：計算中

第4節擴充4_EffectHook
時長：計算中

第5節擴充5_RefHook
時長：計算中

第6節擴充6_Fragment
時長：計算中

第7節擴充7_Context
時長：計算中

第8節擴充8_PureComponent
時長：計算中

第9節擴充9_renderProps
時長：計算中

第10節擴充10_ErrorBoundary
時長：計算中

第11節組件間通訊方式總結
時長：計算中

PHPz 講師其他課程

開始學習

本課程包括：

01 days 04 hours 52 minutes 06 seconds 視頻隨時觀看

0 下載資源

熱門課程最新課程

更多>

79課時
最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程) 1423621
753課時
JAVA 初級入門影片教學 2540400
60課時
小甲魚零基礎入門學習Python影片教學 507751
8課時
Web前端開發極速入門 215917
268課時
零基礎精通 PS 影片教學 890906