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

[FrAnKw (hard to believe)]

最近被公司同事問到要如何用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
推 CoNsTaR: 推心態
推 aleks: 用context也要注意元件會有不必要render的情況
→ cabal9527: 個人淺見 hooks 應該跟 hoc, render props 比較, 與 re
→ cabal9527: dux 無關
你說的有道理
React-Redux是基於Context + HOC實作出來的出來的design pattern
所以才把它拿來跟hooks寫在一起
但我想應該再開篇幅再細講 hoc 和 render props的差別沒錯
感謝你提供題材
推 dreamnook:
→ cabal9527: react-redux 目前也有提供 hooks 的 api 哦
推 sharku: 推樓上
我也是最近才知道 因為很久沒在follow Redux的資訊了
※ 編輯: FrAnKw (114.34.8.167 臺灣), 10/25/2019 10:05:37
推 caasih: 多講一下什麼時候該用 useMemo, useCallback, useRef
→ caasih: 還有介紹一下 useEffect 的用途……
→ caasih: 甚至比較一下用上 React hooks 的函數元件還純不純之類的
→ caasih: 吧
→ FrAnKw: @caasih 感謝提供題材！
推 sa90517: Redux的確不該與hook放一起討論，mixin、hoc與hook比較常
→ sa90517: 被拿來討論，畢竟重點是在reuse。
→ keke0421: hooks推廣者: 『寫起來真的很簡潔』..
推 GsMoMo: 我個人推這篇https://tylermcginnis.com/why-react-hooks
推 sp063439: 公司也正在用 hook 也在找人QQ
推 DolphinLinn: 要深入hooks 就要去看Fiber了
推 ahan6047: 推
推 andykao1213: 延續二樓，context 沒有處理好容易觸發不必要的rende
→ andykao1213: ring, redux hook 在這塊倒是處理的很好，只有被usel
→ andykao1213: ect 選到的state改變才會處發rendering
推 kaidouya: hook用起來真的很舒服
推 plsmaop: 我也喜歡 hook 對生命週期的管理，比以前 class 直覺多了
推 tz5514: 推薦看redux作者 同時也是react core team的dan他的blogg
→ tz5514: er 裡面有對hooks進行非常詳盡的設計與原理解釋
→ tz5514: https://overreacted.io/
推 Tony427: 是法ㄉㄉ