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

作者: FrAnKw (hard to believe)   2019-10-25 04:09:02
最近被公司同事問到要如何用hooks做狀態共享
因此趕快寫了一篇文章給公司的同事們看
題外話 我們公司最近人力吃緊
因此我們開始往外找人幫忙做案子
主管在詢問時才發現 現在大概還有大約八九成的公司仍然離不開Redux
寫這篇文章 某種程度上也算推廣hooks吧
感覺還要一兩年台灣的速度才會跟上國外
越多人開始用 才會越快增加普及率
因此做個分享
(內附程式碼和github repo)
內容很多又有程式碼 因此就直接貼連結了 這點要說聲不好意思
但希望能幫到有興趣想研究了解hooks的朋友
https://codinghero.netlify.com/react-custom-hooks/
作者: CoNsTaR ((const *))   2019-10-25 06:04:00
推心態
作者: aleks (aleks)   2019-10-25 07:50:00
用context也要注意元件會有不必要render的情況
作者: cabal9527 (cabal_dog)   2019-10-25 08:58:00
個人淺見 hooks 應該跟 hoc, render props 比較, 與 redux 無關react-redux 目前也有提供 hooks 的 api 哦
作者: sharku (明珠求瑕)   2019-10-25 09:15:00
推樓上
作者: caasih   2019-10-25 10:19:00
多講一下什麼時候該用 useMemo, useCallback, useRef還有介紹一下 useEffect 的用途……甚至比較一下用上 React hooks 的函數元件還純不純之類的吧
作者: FrAnKw (hard to believe)   2019-10-25 10:24:00
@caasih 感謝提供題材!
作者: sa90517 (Paparun)   2019-10-25 10:32:00
Redux的確不該與hook放一起討論,mixin、hoc與hook比較常被拿來討論,畢竟重點是在reuse。
作者: keke0421 (zrae)   2019-10-25 11:06:00
hooks推廣者: 『寫起來真的很簡潔』..
作者: GsMoMo (GsMoMo)   2019-10-25 11:43:00
作者: sp063439 (Isk)   2019-10-25 13:32:00
公司也正在用 hook 也在找人QQ
作者: DolphinLinn (怕水海豚)   2019-10-25 14:58:00
要深入hooks 就要去看Fiber了
作者: ahan6047 (vis)   2019-10-25 16:54:00
作者: andykao1213 (我是搞高)   2019-10-26 17:48:00
延續二樓,context 沒有處理好容易觸發不必要的rendering, redux hook 在這塊倒是處理的很好,只有被uselect 選到的state改變才會處發rendering
作者: kaidouya (今夜不回家)   2019-10-26 17:51:00
hook用起來真的很舒服
作者: plsmaop (plsmaop)   2019-10-26 19:25:00
我也喜歡 hook 對生命週期的管理,比以前 class 直覺多了
作者: tz5514 (屁安)   2019-10-28 13:11:00
推薦看redux作者 同時也是react core team的dan他的blogger 裡面有對hooks進行非常詳盡的設計與原理解釋https://overreacted.io/
作者: Tony427 (重新出發...fight!!)   2019-10-28 18:51:00
是法ㄉㄉ

Links booklink

Contact Us: admin [ a t ] ucptt.com