实现一个自定义 React Hook:UseLocalStorageState 大家好,我是前端西瓜哥。,最近做需求,需要将数据保存到 localStorage 里,在组件初始化的时候获取,然后修改该值的时候,要保存到本地的 localStorage 中。,倒是并不难。,很显然... 网站建设# hook# json# localstorage 3年前1440
列表页常见的 Hook 封装,你知道几个? 对于一些后台管理系统,典型的列表页包括筛选表单项、Table表格、Pagination分页这三部分。,针对使用 Antd 的系统,在 ahooks 中主要是通过 useAntdTable 和 useP... 网站建设# hook# number# usepagination 3年前1360
再续那些关于DOM的常见Hook封装 本篇接着针对关于 DOM 的各个 Hook 封装进行解读。,管理 DOM 全屏的 Hook。,该 hook 主要是依赖 screenfull[1] 这个 npm 包进行实现的。,选择它的原因,估计有两... 网站建设# dom# hook# screenfull 4年前1280
封装几个有用的 Vue3 组合式API 本文将介绍如何使用Vue3来封装一些比较有用的组合API,主要包括背景、实现思路以及一些思考。,就我自己的感觉而言,Hook与Composition API概念是很类似的,事实上在React大部分可用... 网站建设# api# composition# hook 3年前740
从源码理解 React Hook 是如何工作的 ,大家好,我是前端西瓜哥。,今天我们从源码来理解 React Hook 是如何工作的。,React Hook 是 React 16.8 后新加入的黑魔法,让我们可以 在函数组件内保存内部状态。,Hoo... 网站建设# fiber# hook# react 3年前680
为什么Hook没有ErrorBoundary? 大家好,我卡颂。,在很多全面使用Hooks开发的团队,唯一使用ClassComponent的场景就是「使用ClassComponent创建ErrorBoundary」。,可以说,如果Hooks存在如下... 网站建设# classcomponent# errorboundary# hook 3年前610
每天都在用,也没整明白的 React Hook ,useState 可以说是我们日常最常用的 hook 之一了,在实际使用过程中,有一些简单的小技巧能帮助你提升性能 & 减少出 bug 的概率。,通常我们会使用以下的方式初始化 state... 网站建设# hook# react# usestate 3年前610
项目中使用Husky 格式化代码和校验 Commit 信息 ,大家好,我是前端西瓜哥。今天我们学习使用 husky 工具,在 commit 的时候做一些风格的校验工作,包括 commit 信息格式化和文件格式化。,git hook 让我们可以在 git 执行一... 网站建设# commit# git# hook 4年前520
React Hook 四种组件优化 ,React Hook 已成为当前最流行的开发范式,React 16.8 以后基于 Hook 开发极大简化开发者效率,同时不正确的使用 React Hook也带来了很多的性能问题,本文梳理基于 Rea... 网站建设# hook# react# 渲染 4年前490
如何封装 Cookie/LocalStorage/SessionStorage Hook?你明白了吗? 今天来看看 ahooks 是怎么封装 cookie/localStorage/sessionStorage 的。,ahooks 封装了 useCookieState,一个可以将状态存储在 Cookie... 网站建设# ahooks# cookie# hook 3年前460
这些 Hook 更优雅地管理你的状态 今天我们来聊聊 ahooks 中那些可以帮助我们更优雅管理我们 state(状态)的那些 hook。一些比较特殊的,比如 cookie/localStorage/sessionStorage,useU... 网站建设# hook# state# 优雅 4年前440
Ahooks 的 UseClickAway 在 React 17 中不工作了,该怎么办? ,最近公司的前端项目从 React 16 升级到了 React 17,导致 ahooks 的 useClickAway 不能按预期工作。,下面西瓜哥我就来说说到底发生了什么事。,ahooks 是阿里巴... 网站建设# ahooks# hook# react 4年前440
React:不要动,否则你会被炒鱿鱼 ,大家好,我卡颂。,不知道大家在用React开发时,有没有注意到react与react-dom这两个包中有个很奇葩的属性__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WIL... 网站建设# hook# react# 包中 3年前360
第一个可以在条件语句中使用的原生Hook诞生了 ,大家好,我卡颂。,在10月13日的first-class-support-for-promises RFC[1]中,介绍了一种新的hook —— use。,use什么?就是use,这个hook... 网站建设# hook# suspense# use 5年前340
不数不知道,React已经有22个Hook了 大家好,我卡颂。 5月30日刚好是React10周年纪念日。 我顺手拉了下React最新代码,这一看不要紧,居然已经有22个hook了。 其中: react包导出了21个。 react-dom包导出了... 网站建设# hook# react# 前端 2年前310
通过这两个 Hook 回顾 Set/Map 基础知识 今天我们来聊聊 ahooks 中对 Map 和 Set 类型进行状态管理的 hook,顺便复习一下 Set 和 Map 这两种数据类型。,管理 Map 类型状态的 Hook。,先回顾以下 Map 的概... 网站建设# ahooks# hook# map 4年前280
让我们一起聊聊封装一个管理 Url 状态的 Hook 本文来讲下 ahooks 中的 useUrlState。,通过 url query 来管理 state 的 Hook。,在之前的架构篇中我们就提到,ahooks 这个项目是一个 monoRepo。它的... 网站建设# ahooks# hook# query 5年前220