搞不明白 React Hooks，有没有兄弟分享一下经验？

[yazoox]

公司产品一直用的是 react-redux 做状态管理，用 saga 处理异步。

升级到了 16.8，听说有个 hooks，很方便。

看了官方文档，也搜索了一下，还是搞得不是很明白。

大家有没有看到比较好的文档 /文章，详细介绍分享这个 react hooks 的？求分享指点。谢谢。

另，这个 hooks 比 redux 好用么？能够取代 redux & saga 么？

[Torpedo]

hook 先学习基本的 hook 概念。
然后就是封装 hook 复用。
之前函数推荐纯组件，你可以这么写：一种函数组件有 hook，负责逻辑什么的；一种函数还是纯组件，没有 hook 和状态。

在 hook 之前，复用都是用高阶组件。但是高阶组件不能很好的控制顺序，互相之间组合挺麻烦的。但是 hook 之间组合很方便，也容易复用。

[Torpedo]

@cityboy useContext 这种主要用来共享一些变量吧。react-redux 也是用的这个。只不过一般使用的时候，context 里变量都是用来存状态的，这样状态变量，useContext 都会变。
但是 react-redux 用的是一个状态引用，发布订阅模式，保证只更新 selector 选中的状态部分

[ghosthcp516]

你可以理解成函数内的 import / export

[stabc]

@gouflv LZ 不就是在求教吗。这种虚心的态度你也能喷？而且你自己的理解也不咋地啊

[dartabe]

我自己在写完 Redux 之后 又用 Hook 包了一层 这样在其他模块里面要用的话 就更方便了

也是网上看来的 不知道算不算最佳实践

https://github.com/zjusticy/flashCards/blob/master/src/hooks/useAuth.ts

[agdhole]

所以又要状态管理又要数据共享，应该用什么？

[cityboy]

@KuroNekoFan redux 那一套东西写起来太冗余了，我看 antd pro v5 的共享变量方式不错，但是不知道自己怎么实现

[lemon6]

hooks 代码量少，class 代码结构清晰。仅此而已

[imjamespond]

hooks 没法实现 componentshouldupdate,的 prevouspros 和 state，只是简单对比，而且 useeffect 箭头 func 中包括的 props 要写到第二变量数组监视

[namelosw]

继续 Redux 把，只不过可以 useReducer + useContext，而不再用 ReactRedux 了

纯 hooks 用 useState 替代 useReducer 很难。简单的情况用 useState 的 setter 就够了还行，如果还要有逻辑抽方法啥的调 setter 的话，要加的 useMemo 和 useCallback 太多了，最后一直在写没用的 useMemo 和 useCallback，还记不住要写哪些，而 useReducer 的 dispatch 不会导致重绘。

[KuroNekoFan]

@cityboy 一堆 reducer，action 定义文件什么的是挺冗余的，但是我觉得没必要那样，我一般一个 store 就完事了，当然，状态提升要谨慎