[心得] 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