本文主要讲解了下我平时在工作开发中遇到的关于 Hooks 的一些缺点和问题，并尝试配合 Mobx 解决这些问题的经历。我觉得两者的配合可以极大的降低开发过程中有可能出现的问题以及极大的提高开发体验，而且学习成本也是非常的低。如果你对 Hooks 以及 Mobx 有兴趣，想知道更…

如何解决这两个在使用 redux 过程中可能存在的问题，便是此文讨论的点。 先说结论，80% - 90% 的场景，直接使用 immer 即可。 应该是历史遗留产物了，不赘述。 但是这其实和原生的 [].push、[1, 2].pop 就会有差异，需要注意，原生这两个方法返回的是…

最近一直在学习关于React方面的知识，并有幸正好得到一个机会将其用在了实际的项目中。所以我打算以博客的形式，将我在学习和开发（React）过程中遇到的问题记录下来。 这两天遇到了关于组件不必要的重复渲染问题，看了很多遍官方文档以及网上各位大大们的介绍，下面我会通过一些demo…

1. 引言 为什么要了解 Function 写法的组件呢？因为它正在变得越来越重要。 how-are-function-components-different-from-classes 这篇文章带来了一个独特的视角。 2. 概述 原文事先申明：并没有对 Function 与 …

本文来源于公司内部的一次闪电分享，稍作润色分享出来。主要讨论 React 性能优化的主要方向和一些小技巧。如果你觉得可以，请多点赞，鼓励我写出更精彩的文章🙏。 减少计算的量。 -> 对应到 React 中就是减少渲染的节点 或者 降低组件渲染的复杂度 利用缓存。-> 对应到 …

通过es6新增class的属性创建的组件此组件创建简单. React 16.3版本后，使用此方法来创建ref。将其赋值给一个变量，通过ref挂载在dom节点或组件上，该ref的current属性,将能拿到dom节点或组件的实例 子组件通过React.forwardRef来创建，…

我们知道 js 对象是按共享传递（call by sharing）的，因此在处理复杂 js 对象的时候，往往会因为修改了对象而产生副作用———因为不知道谁还引用着这份数据，不知道这些修改会影响到谁。因此我们经常会把对象做一次拷贝再放到处理函数中。最常见的拷贝是利用 Object…

Immer 是 mobx 的作者写的一个 immutable 库，核心实现是利用 ES6 的 proxy，几乎以最小的成本实现了 js 的不可变数据结构，简单易用、体量小巧、设计巧妙，满足了我们对JS不可变数据结构的需求。 无奈网络上完善的文档实在太少，所以自己写了一份，本篇文…

防抖（debounce）是前端经常用到的一个工具函数，也是我在面试中必问的一个问题。团队内部推广React hooks以后，我在面试中也加入了相关的题目。如何实现一个useDebounce这个看起来很基础的问题，实际操作起来却让很多背代码的小伙伴漏出马脚。 围绕一个主题不断切换…