忘記提的 JSX 特性 | Lidemy 鋰學院

自動播放
自動完成

上一個單元 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:24)

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

忘記提的 JSX 特性

Lesson content locked

If you're already enrolled, you'll need to login.

Enroll in Course to Unlock