本文是 React Hooks 深入系列的后续。此篇详细介绍了 Hooks 相对 class 的优势所在, 并介绍了相关 api 的设计思想, 同时对 Hooks 如何对齐 class 的生命周期钩子作了阐述。 React 的 logo 是一个原子图案, 原子组成了物质的表现。…

重构过程中，肯定会遇到新的代码如何做技术选型的问题，要考虑到这套技术的生命力，也就是他是否是更新的技术，还有他的灵活和拓展性，期望能够达到在未来至少 3 年内不需要做大的技术栈升级。我的这次重构经历是把 jQuery 的代码变为 React ，你品品，算是最难，劳动最密集的重构…

很有可能你已经读过很多关于如何使用React Hook 的文章。但有时候，知道何时不使用与知道如何使用同样重要。 在这篇文章中，主要介绍一下 React hooks 错误使用方式，以及如何解决它们。 组件FetchGame 接收 id（即要获取的游戏的ID）。 useEffec…

React Hooks 渐渐被国内前端团队所接受，但基于 Hooks 的数据流方案却还未固定，我们有 “100 种” 类似的选择，却各有利弊，让人难以取舍。 本周笔者就深入谈一谈对 Hooks 数据流的理解，相信读完文章后，可以从百花齐放的 Hooks 数据流方案中看到本质。 …

这半年来重度使用了react，有的项目中完全使用了hooks，还记得使用react从刚开始的懵懵懂懂，跌跌撞撞，到现在的游刃有余，一路走来真是觉得万分煎熬啊，因为我以前工作中更多的是用vue，有vue的使用经验，所以拾起react也没那么难，但也没并不轻松。 工作中，有的项目r…

Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。常用的hook有useState，useMemo，useCallback，useEffect，useLayoutEffect，useConte…

Recoil 的产生源于 Facebook 内部一个可视化数据分析相关的应用，在使用 React 的实现的过程中，因为现有状态管理工具不能很好的满足应用的需求，因此催生出了 Recoil 。 Redux 的啰嗦代码达到了其保证的维持可预测性的目标，但自然而然在灵活性方面就有所欠…

useState可以在函数组件中，添加state Hook。 调用useState会返回一个state变量，以及更新state变量的方法。useState的参数是state变量的初始值，初始值仅在初次渲染时有效。 更新state变量的方法，并不会像this.setState一样…

在对新项目进行技术选型的时候，针对数据流做了一些思考记录。 大量的文章分析了redux、mobx等数据流方案的优缺点，在我看来，方案的选择离不开业务。 而在react hooks 之后，又涌现了很多优秀的解决方案如：SWR等。 当数据不需要共享，那它就应该只属于某个组件，保持它…