react簡介
helloreact案例
虛擬DOM的兩種創建方式
虛擬DOM與真實DOM
jsx語法規則
jsx小練習
組件與模組
開發者工具的安裝
函數式元件
複習類相關知識
類別式元件
對state的理解
初始化state
react中的事件綁定
類別中方法中的this
解決類別中this指向問題
setState的使用
state的簡寫方式
總結state
props的基本使用
批量傳遞props
對props進行限制
props的簡寫方式
類別組件中的構造器與props
函數式元件使用props
總結props
字串形式的ref
回調形式的ref
回調ref中呼叫次數的問題
createRef的使用
總結ref
react中的事件處理
非受控組件
受控組件
高階函數函數柯里化
不用柯里化的寫法
引出生命週期
生命週期(舊)元件掛載流程
生命週期(舊)setState流程
生命週期(舊)forceUpdate流程
生命週期(舊)父元件render流程
總結生命週期(舊)
比較新舊生命週期
getDerivedStateFromProps
getSnapshotBeforeUpdate
getSnapshotBeforeUpdate舉例
總結生命週期(新)
DOM的diffing演算法
初始化react腳手架
鷹架文件介紹public
腳手架檔案介紹src
一個簡單的Hello組件
樣式的模組化
vscode中react插件的安裝
組件化編碼流程
TodoList案例靜態元件
TodoList案例動態初始化列表
TodoList案例加入todo
TodoList案例滑鼠移入效果
TodoList案例增加一個todo
TodoList案例對props進行限制
TodoList案例刪除一個todo
TodoList案例實作底部功能
TodoList案例總結TodoList案例
腳手架配置代理方法1
腳手架配置代理方法2
github搜尋案例靜態元件
github搜尋案例axios發送請求
github搜尋案例展示數據
github搜尋案例完成案例
訊息訂閱與發布技pubsub
fetch發送請求
總結github搜尋案例
對SPA應用的理解
對路由的理解
前端路由原理
路由的基本使用
路由組件與一般組件
NavLink的使用
封裝NavLink組件
Switch的使用
解決樣式遺失問題
路由的模糊匹配與嚴格匹配
Redirect的使用
嵌套路由
向路由組件傳遞params參數
向路由組件傳遞search參數
向路由組件傳遞state參數
總結路由參數
push與repalce
編程式路由導航
withRouter的使用
BrowserRouter與HashRouter
antd的基本使用
antd樣式的按需引入
antd自訂主題
redux簡介
redux工作流程
求和案例純react版
求和案例redux精簡版
求和案例redux完整版
求和案例非同步action版
對react-redux的理解
連接容器元件與UI元件
react-redux基本使用
優化1簡寫mapDispatch
最佳化2Provider元件的使用
優化3整合UI元件與容器元件
資料共享編寫Person組件
資料共享編寫Person組件的reducer
資料共享完成資料共享
純函數
redux開發者工具
最終版
專案打包運行
擴展1setState
擴展2lazyLoad
擴展3stateHook
擴充4EffectHook
擴充5RefHook
擴充6Fragment
擴充7Context
擴展8PureComponent
擴充9renderProps
擴充10ErrorBoundary
組件間通訊方式總結
本套影片教學基於新版React17錄製,對React開發中的各項核心技術進行了詳細講解。核心React基礎知識+週邊技術一網打盡! 所有知識點都以案例為驅動,演繹式教學,生活化舉例,保姆式解讀官網,授之以漁更授之以漁!講解細緻,幽默風趣,讓你聽著上頭,學到迷戀。即便零基礎的小夥伴也可以愉快學會React技術!