前言 今天我们来一期不同寻常的React进阶文章，本文我们通过一些不同寻常的现象，以探案的流程分析原因，找到结果，从而认识React，走进React的世界，揭开React的面纱，我深信，更深的理解，方

在开发中遇到一个需求，多个接口循环调用，并且接口调用根据用户的不同操作调用方式不同，但是最后都要将所有获取的数据存下来更新视图。例如下面这种： 上述只是简单举例，真实场景一般都会比这个复杂。乍一看这样并没什么不妥，但是问题就是，一旦执行完上述fetch方法后，拿到的result…

前言：在最近的业务组件中，我完全使用useReducer代替了useState，并且因此感受到较大的开发快感，以至于我觉得所有关联性高的状态都应该用useReducer聚合在一起管理，应该尽可能地使用useReducer来代替useState。 我们先说下useState哪里不…

. VS = 操作符优先级 可以好好想一想，你会茅塞顿开的。 这里贴上 Array.prototype.map 的 polyfill. JavaScript默认使用字典序(alphanumeric)来排序。因此结果是[1,10,2,5] 期望输出的是0,1,2,实际上却不会。原…

React 提供了自定义 Hooks 的特性，我们可以根据这个特性创建出很多有意思的功能，今天就来分享一些个人认为还不错的 Hooks，共计 15 个。 useClippy 是一个用来读取或写入粘贴板的自定义 Hook，支持 TypeScript。 useWindowSize …

答：当项目复杂时 Fiber 树拥有很多很多的节点，如果通过遍历每个节点的方式去运行当前节点副作用的话时间复杂度会上升，所以在构建树的时候通过判断每个节点的 effectTag 将副作用关联起来生成一个链表可以有效的降低时间复杂度提升程序效率。 答：副作用处理 componen…

memoization 来源于拉丁语 memorandum ("to be remembered")，不要与 memorization 混淆了。 简单来说，memoization 是一种优化技术，主要用于通过存储昂贵的函数调用的结果来加速计算机程序，并在再次发生相同的输入时返回…

使用 React 开发应用，给予了前端工程师无限“组合拼装”快感。但在此基础上，组件如何划分，数据如何流转等应用设计都决定了代码层面的美感和强健性。 同时，在 React 世界里提到 curry 化，也许很多开发者会第一时间反应出 React-redux 库的 connect …