React
115篇文章 · 0订阅
  • 实现虚拟滚动列表 - 优化超长列表（React）
    VirtualLis，超长列表优化。在一个滚动容器中渲染一组数据列表，如果数据比较少，一次性全部渲染到列表中，在体验上感觉不出有什么问题，但对于较长的列表，比如通过接口查询到 1000 条数据，如
    React.js JavaScript 前端
  • useEffect 一定在页面渲染后才会执行吗？
    大多数开发者的观念里，useEffect 一定会在浏览器完成渲染后被异步调用。但事实并非如此，useEffect 并不总是在页面渲染完后后才会被调用，有时也许会在页面渲染前同步调用执行 effect。
    JavaScript React.js 前端
    useEffect 一定在页面渲染后才会执行吗？
  • 学习 Next.js 不妨看看这篇文章
    hi，我是风骨，作为前端工程师，除了掌握 CSR（客户端渲染）研发 ToB 中后台应用外，还需要具备 SSR（服务端渲染）开发面向 ToC 大众用户的应用。现如今 Next.js + Tailwind
    Next.js 前端 React.js
  • 三种自定义 hook 的事件封装方式，你会选择哪种？
    我们经常通过自定义 hook 的方式抽离组件的逻辑，而这种自定义 hook 里很多都是给元素绑定事件的。 绑定事件的写法一共有三种，我们一起来过一遍。 首先是 useHover 的 hook： 浏览器
    前端 JavaScript React.js
    三种自定义 hook 的事件封装方式，你会选择哪种？
  • 从根上理解 React Hooks 的闭包陷阱（续集）
    上篇文章我们知道了什么是 hooks 的闭包陷阱，它的产生原因和解决方式，并通过一个案例做了演示。 其实那个案例的闭包陷阱的解决方式不够完善，这篇文章我们再完善一下。 首先我们先来回顾下什么是闭包陷阱
    前端 JavaScript React.js
    从根上理解 React Hooks 的闭包陷阱（续集）
  • 从根上理解 React Hooks 的闭包陷阱
    现在开发 React 组件基本都是用 hooks 了，hooks 很方便，但一不注意也会遇到闭包陷阱的坑。 相信很多用过 hooks 的人都遇到过这个坑，今天我们来思考下 hooks 闭包陷阱的原因和
    前端 JavaScript React.js
    从根上理解 React Hooks 的闭包陷阱
  • 详解 React 中的闭包问题
    JavaScript 中的闭包是最可怕的特性之一，也是最隐秘的概念之一。 每次编写 React 代码时我们都会用到它，很多时候我们都没意识到。 如果想编写复杂且高性能的React应用，就必须了解闭包。
    前端 React.js JavaScript
    详解 React 中的闭包问题
  • 速通 React 18 ⚛️
    我将在这篇文章里简单介绍 React 18 的新特性，React Concurrent Mode（并发模式）的实现，以及简要的升级指南。
    React.js 前端框架
    速通 React 18 ⚛️
  • React18正式版源码级剖析
    React18正式版终于来了，哪个是你期待的，Concurrent、Suspense、transitions还是新的Hooks API？
    前端 React.js
  • 【React深入】深入分析虚拟DOM的渲染原理和特性
    React的虚拟DOM和Diff算法是React的非常重要的核心特性，这部分源码也非常复杂，理解这部分知识的原理对更深入的掌握React是非常必要的。 本来想将虚拟DOM和Diff算法放到一篇文章，写完虚拟DOM发现文章已经很长了，所以本篇只分析虚拟DOM。 本篇文章从源码出发…
    React.js
    【React深入】深入分析虚拟DOM的渲染原理和特性