深圳幻海软件技术有限公司

​​上篇文章​​我们实现了基本的响应式系统，这篇文章继续实现computed。首先，我们简单回顾一下：响应式系统的核心就是一个WeakMap---Map---Set的数据结构。WeakMap的key是原对象，value是响应式的Map。这样当对象销毁的时候，对应的Map也会销毁。Map的key就是对

响应式是Vue的特色，如果你简历里写了Vue项目，那基本都会问响应式实现原理。而且不只是Vue，状态管理库Mobx也是基于响应式实现的。那响应式是具体怎么实现的呢？与其空谈原理，不如让我们来手写一个简易版吧。响应式首先，什么是响应式呢？响应式就是被观察的数据变化的时候做一系列联动处理。就像一个社会热

​​上篇文章​​我们知道了什么是hooks的闭包陷阱，它的产生原因和解决方式，并通过一个案例做了演示。其实那个案例的闭包陷阱的解决方式不够完善，这篇文章我们再完善一下。首先我们先来回顾下什么是闭包陷阱：hooks的闭包陷阱是指useEffect等hook中用到了某个state，但是没有把它加到dep

现在开发React组件基本都是用hooks了，hooks很方便，但一不注意也会遇到闭包陷阱的坑。相信很多用过hooks的人都遇到过这个坑，今天我们来思考下hooks闭包陷阱的原因和怎么解决。首先这样一段代码，大家觉得有问题没：复制import{useEffect,useState}from'reac

1、写在前面上篇文章主要介绍了如何简易的实现一个响应系统，只是个简易的仍然存在很多未知的不可控的问题，比如副作用函数嵌套、如何避免无限递归以及多个副作用函数之间会产生什么影响?本文将会解决以下几个问题：分支切换嵌套的effect无限递归可调度性2、分支切换与cleanup分支切换在进行页面渲染时，我

useEffect是常用的hook，它支持两个参数，第一个参数是回调函数，第二个参数是依赖。当第二个参数为null或undefined的时候，回调函数每次render都会执行，而参数为数组的时候，只有依赖项变了才会执行。这些我们都很熟悉了，但它是怎么实现的呢?我们来从源码来找下答案。useEffec

本文转载自微信公众号「神光的编程秘籍」，作者神说要有光。转载本文请联系神光的编程秘籍公众号。React是实现了组件的前端框架，它支持class和function两种形式的组件。class组件是通过继承模版类(Component、PureComponent)的方式开发新组件的，这是class本身的特性