[心得] React使用custom hooks做狀態管理

看板Soft_Job作者 (hard to believe)時間6年前 (2019/10/25 04:09), 6年前編輯推噓15(15推 0噓 13→)
留言28則, 18人參與, 6年前最新討論串1/1
最近被公司同事問到要如何用hooks做狀態共享 因此趕快寫了一篇文章給公司的同事們看 題外話 我們公司最近人力吃緊 因此我們開始往外找人幫忙做案子 主管在詢問時才發現 現在大概還有大約八九成的公司仍然離不開Redux 寫這篇文章 某種程度上也算推廣hooks吧 感覺還要一兩年台灣的速度才會跟上國外 越多人開始用 才會越快增加普及率 因此做個分享 (內附程式碼和github repo) 內容很多又有程式碼 因此就直接貼連結了 這點要說聲不好意思 但希望能幫到有興趣想研究了解hooks的朋友 https://codinghero.netlify.com/react-custom-hooks/ -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 220.133.91.72 (臺灣) ※ 文章網址: https://www.ptt.cc/bbs/Soft_Job/M.1571947748.A.0E2.html
推
10/25 06:04, 6年前 , 1F
推心態
10/25 06:04, 1F
推
10/25 07:50, 6年前 , 2F
用context也要注意元件會有不必要render的情況
10/25 07:50, 2F
→
10/25 08:58, 6年前 , 3F
個人淺見 hooks 應該跟 hoc, render props 比較, 與 re
10/25 08:58, 3F
→
10/25 08:58, 6年前 , 4F
dux 無關
10/25 08:58, 4F
你說的有道理 React-Redux是基於Context + HOC實作出來的出來的design pattern 所以才把它拿來跟hooks寫在一起 但我想應該再開篇幅再細講 hoc 和 render props的差別沒錯 感謝你提供題材
推
10/25 09:01, 6年前 , 5F
10/25 09:01, 5F
→
10/25 09:10, 6年前 , 6F
react-redux 目前也有提供 hooks 的 api 哦
10/25 09:10, 6F
推
10/25 09:15, 6年前 , 7F
推樓上
10/25 09:15, 7F
我也是最近才知道 因為很久沒在follow Redux的資訊了 ※ 編輯: FrAnKw (114.34.8.167 臺灣), 10/25/2019 10:05:37
推
10/25 10:19, 6年前 , 8F
多講一下什麼時候該用 useMemo, useCallback, useRef
10/25 10:19, 8F
→
10/25 10:22, 6年前 , 9F
還有介紹一下 useEffect 的用途……
10/25 10:22, 9F
→
10/25 10:22, 6年前 , 10F
甚至比較一下用上 React hooks 的函數元件還純不純之類的
10/25 10:22, 10F
→
10/25 10:22, 6年前 , 11F
吧
10/25 10:22, 11F
→
10/25 10:24, 6年前 , 12F
@caasih 感謝提供題材！
10/25 10:24, 12F
推
10/25 10:32, 6年前 , 13F
Redux的確不該與hook放一起討論，mixin、hoc與hook比較常
10/25 10:32, 13F
→
10/25 10:32, 6年前 , 14F
被拿來討論，畢竟重點是在reuse。
10/25 10:32, 14F
→
10/25 11:06, 6年前 , 15F
hooks推廣者: 『寫起來真的很簡潔』..
10/25 11:06, 15F
推
10/25 11:43, 6年前 , 16F
10/25 11:43, 16F
推
10/25 13:32, 6年前 , 17F
公司也正在用 hook 也在找人QQ
10/25 13:32, 17F
推
10/25 14:58, 6年前 , 18F
要深入hooks 就要去看Fiber了
10/25 14:58, 18F
推
10/25 16:54, 6年前 , 19F
推
10/25 16:54, 19F
推
10/26 17:48, 6年前 , 20F
延續二樓，context 沒有處理好容易觸發不必要的rende
10/26 17:48, 20F
→
10/26 17:48, 6年前 , 21F
ring, redux hook 在這塊倒是處理的很好，只有被usel
10/26 17:48, 21F
→
10/26 17:48, 6年前 , 22F
ect 選到的state改變才會處發rendering
10/26 17:48, 22F
推
10/26 17:51, 6年前 , 23F
hook用起來真的很舒服
10/26 17:51, 23F
推
10/26 19:25, 6年前 , 24F
我也喜歡 hook 對生命週期的管理，比以前 class 直覺多了
10/26 19:25, 24F
推
10/28 13:11, 6年前 , 25F
推薦看redux作者 同時也是react core team的dan他的blogg
10/28 13:11, 25F
→
10/28 13:11, 6年前 , 26F
er 裡面有對hooks進行非常詳盡的設計與原理解釋
10/28 13:11, 26F
→
10/28 13:11, 6年前 , 27F
10/28 13:11, 27F
推
10/28 18:51, 6年前 , 28F
是法ㄉㄉ
10/28 18:51, 28F
‣ 更多 FrAnKw 的文章
文章代碼(AID): #1TiWJa3Y (Soft_Job)