react
9篇文章 · 0订阅
  • 让你 React 组件水平暴增的 5 个技巧
    最近看了一些 Ant Design 的组件源码，学到一些很实用的技巧，这篇文章来分享一下。 首先，我们用 create-react-app 创建个 React 项目（选择 typescript 模版）
    React.js 前端 JavaScript
    让你 React 组件水平暴增的 5 个技巧
  • React 的 setState 是同步还是异步？
    setState 是同步还是异步？ 肯定是异步的呀。 确定么？那看一下这段代码会打印什么： 在 setTimeout 里修改了两次 state，并打印了 state 的值。 如果是异步的，那应该打印的
    前端 JavaScript React.js
    React 的 setState 是同步还是异步？
  • 为什么useState返回值是数组，而不是对象？
    为什么useState的返回值是数组？为什么不能是对象呢？ 在搞清楚这个问题之前，首先来看下数组解构和对象解构做一个了解。 数组解构: 这里数组通过解构给变量a，b，c分别赋值，这里的变量a，b，c，
    前端
  • useMemo、useCallback、useContext 你真的玩明白了吗
    最近一直在做项目性能优化的工作，在排查性能方面的问题时发现项目中很多地方都存在重复渲染的问题，审查代码后发现其中存在不少滥用或者说误用 useMemo、useCallback、useContext 的
    前端 React.js
    useMemo、useCallback、useContext 你真的玩明白了吗
  • 详解 React useCallback & useMemo
    本文详细的讲述了 useCallback 与 useMemo 的使用场景，以及有哪些使用中常遇到的问题与采坑点。
    React.js JavaScript
    详解 React useCallback & useMemo
  • 搞懂 useState 和 useEffect 的实现原理
    现在写 react 组件基本都是 function + hooks 了，因为 hooks 很强大也很灵活。 比如 useState 可以声明和修改 state，useEffect 可以管理异步逻辑，u
    前端 JavaScript React.js
    搞懂 useState 和 useEffect 的实现原理
  • 【动图+大白话🍓解析React源码】Render阶段中Fiber树的初始化与对比更新～
    这篇文章大致归纳了面试中最爱问的几个问题：1.useState后发生了什么。2.详解diff算法 。3.render阶段发生了什么。4.fiber树的更新流程
    React.js 面试
    【动图+大白话🍓解析React源码】Render阶段中Fiber树的初始化与对比更新～
  • 「React 进阶」 React 全部 Hooks 使用大全 （包含 React v18 版本 ）
    介绍目前 React 提供的所有 hooks ，介绍其功能类型和基本使用方法，查缺补漏，助你早日进阶 React !
    React.js JavaScript 前端
    「React 进阶」 React 全部 Hooks 使用大全 （包含 React v18 版本 ）
  • 骚操作: 基于 Antd Form 的高阶组件 AutoBindForm
    1. 前言 2. Ant Design 的 Form 组件 3. 那么问题来了 4. 开始干活 5. 实现 autoBindForm 6. 实现实时的错误判断 hasError 7. 优化组件, 支持 非必填字段 8. 最后一波, 支持默认字段 10. 使用 11. 最终代码 …
    Ant Design