react hook
3篇文章 · 0订阅
  • 29行代码深入React Hooks原理
    作为一种改变组件状态、处理组件副作用的方式，Hooks这个概念最早由React提出，而后被推广到其他框架，诸如Vue、Svelte，甚至出现了原生JS库。但是，要熟练使用Hooks需要对JS闭包有比较好的理解。 在这篇文章中，我们通过造一个迷你React Hooks轮子来讲解闭…
    React.js
  • 梳理useEffect和useLayoutEffect的原理与区别
    点击进入React源码调试仓库。 React在构建用户界面整体遵循函数式的编程理念，即固定的输入有固定的输出，尤其是在推出函数式组件之后，更加强化了组件纯函数的理念。但实际业务中编写的组件不免要产生请求数据、订阅事件、手动操作DOM这些副作用（effect），这样难免让函数组件…
    React.js
  • React Hook + TS 购物车实战（性能优化、闭包陷阱、自定义hook）
    本文涉及到的代码已经整理到 github 仓库中，用 cra 搭建了一个示例工程，关于性能优化的部分可以打开控制台查看重渲染的情况。 勾选、全选与反选。 根据选中项计算总价。 首先我们请求到购物车数据，这里并不是本文的重点，可以通过自定义请求 hook 实现，也可以通过普通的 …
    React.js