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