React
-
useEffect和useCallback再乱写,你的代码就要炸了!
我们经常会看到这样的场景:一个组件改了props,紧接着用useEffect重置useState;或者每次函数都用useCallback包起来,生怕性能不够“丝...
-
React 19.2 的几个重要更新,Activity,useEffectEvent
React官方刚发布了19.2版本这次更新不是小修小补,而是带来了几个让人期待已久的功能。整理一下,分享给大家。Activity组件之前我们要隐藏或显示某个组件...
-
Vite6+React18+Ts项目-17.API请求时的防抖与节流
axios防抖与节流方案在Axios中实现防抖(debounce)和节流(throttle)可以有效控制API请求频率,避免不必要的网络请求。以下是几种实现方案...
-
Vite6+React18+Ts项目-16.国际化进阶之 i18next 多语言
ant支持的语言地址:https://ant.design/docs/react/i18n-cn语言文件名阿拉伯语ar_EG阿塞拜疆语az_AZ保加利亚语bg_...
-
Vite6+React18+Ts项目-15.几种状态传递方法
1.父子组件之间状态传递最基本的父子组件间状态传递方式是通过Props传递ParentComponent.tsximportReactfrom'react';i...
-
Vite6+React18+Ts项目-14.浏览器hover事件React原生实现及使用ahooks钩子实现
在现代Web开发中,hover交互效果是提升用户体验的重要元素。本文将探讨在React18TypeScript项目中实现hover效果的两种主流方式:React...
-
Vite6+React18+Ts项目-13.使用iconfont图标库,封装Icon组件
在前端开发中,图标是不可或缺的UI元素。本文介绍了如何利用iconfont图标库,并封装一个灵活易用的ReactIcon组件。1.为什么选择iconfont?i...
-
Vite6+React18+Ts项目-12.简单封装后台GuardAuth组件,控制页面内容和按钮是否显示
权限控制是一个常见的需求。我们需要根据用户的权限级别来决定是否显示某些页面内容或功能按钮。本文将介绍如何封装一个简单的GuardAuth组件来实现这一功能。1....
-
Vite6+React18+Ts项目-11.封装加载中及加载异常组件
在现代前端开发中,优雅地处理异步数据加载状态是提升用户体验的关键因素之一。本文将介绍如何在Vite6+React18+TypeScript项目模板中封装一个通用...
-
Vite6+React18+Ts项目-10.封装阿里ahooks里的useRequest方法,统一增加loadingDelay防抖动
在前端开发中,数据请求是常见的操作,而阿里开源的ahooks库中的useRequest是一个非常实用的ReactHook,它简化了数据请求的管理。但在实际使用中...