自動播放
自動完成
上一個單元
Complete and Continue
[FE302] React 基礎 - hooks 版本
先別急著學 React
從 Todo list 開始吧! (14:22)
初次認識 Component (12:20)
資料 vs 畫面 (19:40)
畫面永遠都由 state 產生 (17:06)
初探 React (19:53)
React 基礎
環境建置:create-react-app (11:52)
初探 React 中的 style (16:48)
styled component 實戰 (15:41)
一探 JSX 背後的秘密 (4:07)
初探 state (13:31)
再探 state 之新增 todo (14:28)
加上刪除 todo (4:28)
加上編輯 todo 功能 (11:51)
todo list 中場總結 (5:57)
中場休息時間
寫 code 的秘密武器:prettier (13:44)
忘記提的 JSX 特性 (5:15)
再戰 todo list 與其他 hooks
初探 useEffect (12:51)
初探 useLayoutEffect 與 lazy initializer (11:29)
再探 useEffect (10:45)
hooks 重要觀念補充 (1:29)
寫一個自己的 hook! (11:54)
hooks 總結 (3:54)
React 中的性能優化
React 的渲染機制(Reconciliation)與 Virtual DOM (10:00)
如何避免 re-render? (20:18)
React 特別的事件機制 (2:46)
Function component vs Class component
什麼是 class component? (11:16)
Class component 的生命週期 (16:17)
prop drilling 與 context
prop drilling 介紹 (2:52)
useContext 簡介 (11:31)
再度中場休息
React 基礎總結 (3:58)
安裝 ESLint extension (1:43)
利用 propTypes 驗證 props (11:43)
補充:以 state 為中心去思考 (29:25)
React 實戰篇 - 留言板
先來切個版吧! (15:37)
來拿資料吧!把 API 串上去 (11:37)
實作新增留言功能 (16:10)
部署 React App
部署 App (10:04)
React 實戰篇 - 部落格
做部落格之前,先來認識 react router (14:38)
先來切板外加整合 react router (16:03)
實作文章列表頁面 (9:01)
練習:實作單一文章頁面 (1:04)
登入功能講解加實作(上) (17:15)
登入功能講解加實作(下) (13:49)
練習:發文功能 (1:34)
部落格實戰總結 (7:46)
淺談測試
react-testing-library 簡介 (14:13)
Cypress 簡介 (12:05)
課程總結
課程總結 (3:15)
Teach online with
資料 vs 畫面
Complete and Continue