两个 effect hook 是 React 提供给用户处理副作用逻辑的一个窗口，比如改变 DOM、添加订阅、设置定时器、记录日志以及执行其他各种渲染过程中不允许出现的操作。 这样会每次组件更新后都会执行，有点类似于 componentDidUpdate，但请不要用 class…

点击进入React源码调试仓库。 React在构建用户界面整体遵循函数式的编程理念，即固定的输入有固定的输出，尤其是在推出函数式组件之后，更加强化了组件纯函数的理念。但实际业务中编写的组件不免要产生请求数据、订阅事件、手动操作DOM这些副作用（effect），这样难免让函数组件…

setState 原理 本篇文章依据的版本是 React：V17.0 + 我看见现在网上很多都是讲解 React 16,15 的，因为改版太多思路不在复用。希望这篇文章能够帮到你理解setState！

现在开发 React 组件基本都是用 hooks 了，hooks 很方便，但一不注意也会遇到闭包陷阱的坑。 相信很多用过 hooks 的人都遇到过这个坑，今天我们来思考下 hooks 闭包陷阱的原因和

当使用 async 函数的时候，很多文章都说建议用 `try catch` 来捕获异常, 可是实际上我看了很多项目的代码，遵循的并不是严谨，很多都没有用，甚至 catch 函数都没写，这是为什么呢？

1.安装 svg-sprite-loader 2.建立维护文件 src/icons/svg 在svg文件夹下创建wx.svg并将相关svg代码拷入 3.配置 vue.config.js 4.封装图标组

通常我们消费 svg 的方式比较简单： 即可以在网页上打印出 svg 的图案。 但是为了满足作为一个图标库的各种需要(控制大小，旋转角度，填充颜色等），使用 img 标签是没办法达成的；所以我们需要把

笔者搭建了一个公司内部的私有化图标库，本文分享了在对接历史svg治理的过程中，遇到的各种各样的问题。对svg的导出问题进行分享，分享了一些svg导出的最有实践

react组件库系列耽搁了一些时间，继续了！定位组件在b端里面实在太常见了。里面的小细节特别多，有点难度。