首页
学习
活动
专区
圈层
工具
发布
首页标签react.js

#react.js

提供一些使用Context+useContext进行跨层级组件通信的具体示例

小焱

下面提供几个使用 Context + useContext 进行跨层级组件通信的具体示例,覆盖常见场景如主题切换、用户信息共享、权限控制等,帮助理解其实际应用:

13410

react 中 Suspense 和lazy 使用场景介绍

小焱

在 React 中,Suspense 和 lazy 是配合使用的特性,主要用于组件的懒加载(代码分割),它们可以帮助优化应用的加载性能,尤其适合大型应用。

14100

使用react写一个Api封装的代码

小焱

下面是一个使用React封装API请求的示例代码,包含了请求拦截、响应处理、错误处理等功能,并提供了常用的GET、POST、PUT、DELETE方法。

8110

如何模拟React组件环境进行自定义Hooks的测试?

小焱

要模拟 React 组件环境测试自定义 Hooks,需要借助专门的工具来模拟 React 的运行时环境,确保 Hooks 能在符合 React 规则的条件下执行...

9510

如何测试自定义Hooks的正确性?

小焱

测试自定义 Hooks 的正确性需要验证其在不同场景下的行为是否符合预期。由于 Hooks 依赖 React 运行时环境,我们需要使用专门的工具来模拟 Reac...

9610

react hooks useEffect 用法

小焱

useEffect 是 React Hooks 中用于处理副作用的核心钩子,可模拟类组件中的生命周期方法,如 componentDidMount、compone...

14110

React虚拟列表在移动端的优化方法有哪些?

小焱

在移动端实现 React 虚拟列表时,需要针对移动设备的性能特点(如屏幕尺寸小、算力有限、触摸交互等)进行特殊优化。以下是关键的优化方法及实现思路:

9410

分享一些React虚拟列表的实现方法

小焱

在 React 中实现虚拟列表(Virtual List)是优化长列表性能的关键技术,它通过只渲染可视区域内的项目来减少 DOM 节点数量,提升页面流畅度。以下...

14310

react 中 使用上传附件 批量上传多个附件,并实现加载功能

小焱

在 React 中实现批量上传附件并显示加载状态,我们可以结合 HTML5 的 File API 和状态管理来实现。下面是一个完整的实现方案,包含文件选择、批量...

9810

React - 实现一个基于 Antd 的数值范围组件

白雾茫茫丶

最近公司的产品需求要做一个数据采集流程,这个流程里面有比较多的表单数据,其中有一个输入数值范围的控件,这个功能还是很常见的,但是之前的开发没有封装成一个公共组件...

12000

React - 实现一个基于 Antd 的密码强度校验组件

白雾茫茫丶

在基于 Nest 和 Umi.js 技术栈的个人项目开发中,在用户管理模块需要用到一个密码强度校验组件,在网上寻找一方资料,没有找到自己想要的,特此自己造轮子!

8810

基于 Next.js 的今日热门榜单平台

白雾茫茫丶

今日热榜 是一个基于 Next.js 构建的现代化热点聚合平台,实时汇聚各大主流网站的热门内容,为用户提供一站式的热点资讯浏览体验。

5700

React 项目实战 | 原生实现Antd Upload组件的分类拖拽扩展指南

叶一一

对于文件上传功能,相信很多开发者并不陌生。而部分业务场景,则需要对上传的文件进行分类管理。用户在操作中,有一定概率会弄错文件的分类。而跨分类拖拽重组功能,能降低...

38131

使用 React PDF 构建 React.js PDF 查看器的指南

Youna

在本文中,我们将重点介绍在React.js中制作 PDF 查看器的最受欢迎的开源库。具体来说,我们将利用著名的开源库react-pdf的功能,指导您完成创建 R...

45710

【CodeBuddy】挑战一句话开发一个完整项目之:设计稿智能配色引擎

Jimaks

我正在参加CodeBuddy「首席试玩官」内容创作大赛,本文所使用的 CodeBuddy 免费下载链接: 腾讯云代码助手 CodeBuddy - AI 时代的智...

12220

📝  《React性能优化完全手册:从useMemo到并发模式》

Jimaks

React 18的并发模式(Concurrent Mode)不是魔法,而是通过可中断渲染与优先级调度实现流畅交互:

52620

React 虚拟DOM优势

500佰

1)若小写字母开头,则将该标签转为html中同名元素,若html中无该标签对应的同名元素,则报错

20610

前端实用技巧 | 自定义React Hook实战指南,轻松搞定自定义React Hook设计

叶一一

过去一年,我阅读了众多技术书籍,但是,纸上得来终觉浅,所以我一直纠结如何将看到的转化为用到的,并能沉淀成可传播的。

60222

🌹🌹原来Docker可以让这个情人💗节这么浪漫🌹🌹

萌萌哒草头将军

情人节马上要到了,正好最近发现了一个特别有意思的情侣相册的项目,遗憾的是目前不支持 docker,不过没关系,我出手了!

20810

年度实用技巧 | 全新体验,我用react实现网页游戏的全过程(包括规则设计)

叶一一

我玩的小游戏里面有限时任务,可以解锁节日限定物品,于是那几天我玩的很欢乐很积极。我想玩一下身份转换,从玩家转换到游戏策划。一个有趣的想法在脑海中逐渐清晰。

17220
领券