作者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/cn.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