前端框架中的 hooks 用處

[ayugioh2003]

網址

• 9102，作为前端必须知道 hook 怎么玩了 - 掘金
• React Hooks 入门教程 - 阮一峰的网络日志
• [译]React Hooks官方文档翻译之一——Hooks介绍 - 知乎
• [Day 01] 沒學過 React 可以從 Hooks 開始嗎？ - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天
• Vue Function-based API RFC - 知乎
• [Vue] 有樣學樣的 Hook
• Vue 實體的生命週期 | 勇者鬥 Vue 龍
• Vue 之四 —— vue hooks - 知乎
• 组合式 API 征求意见稿 | Vue 组合式 API
• 精读vue-hooks - 掘金
• [译] Hooks 对 Vue 而言意味着什么 - 掘金

記錄原因

components 可以有自己的狀態 需要用 class 來建立實例，但要寫很多程式碼，很不方便 除了 class 建立實例外，也能用純函式建立，像是 render 函數

不過，純函數不能有狀態 但 component 不希望只能接父組件傳入的 props，希望也有自己的狀態 因此引用了例如 useState 等等的函式，將狀態 hooks 進 component function 裡

觀念

學習點

相關資料

[ayugioh2003]

• React | 為了與 Hooks 相遇 - Function Components 升級記 | by 神Q超人 | Enjoy life enjoy coding | Medium
• 【Day 8】Class component && Functional component - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天
• 精读《Function Component 入门》 - 掘金
• 從實際案例看 class 與 function component 的差異
• [第二十一週] React 基礎：Functional Componet & 父子 Component 之間的溝通 | Yakim shu
• 從 class component 到 hooks | 半熟前端

[ayugioh2003]

• 大匠之風: 用 REACT 思考 -- 使用 Function Component
  • (1) ReactJS.tw