技术栈
react.js
GISer_Jing
1 小时前
前端
·
javascript
·
react.js
React Hooks底层执行逻辑详解、自定义Hooks、Fiber&Scheduler
React Hooks 在表面上看像普通的函数调用,背后却隐藏着一套复杂而高效的运行时机制。要理解 React Hooks 的底层执行逻辑,需要从 React 如何管理组件的状态与副作用入手。
蓉妹妹
19 小时前
react.js
·
微信小程序
·
taro
React+Taro 微信小程序做一个页面,背景图需贴手机屏幕最上边覆盖展示
话不多说 直接上图第一步第二步第三步样式
进取星辰
19 小时前
前端
·
react.js
·
前端框架
34、React Server Actions深度解析
魔法特性:服务端安全执行:标记"use server"的代码仅在服务端运行,保护数据库操作直连数据通道:表单提交直达服务端函数,减少传统API中间层
程序员Bears
1 天前
前端
·
react.js
·
前端框架
React深度解析:Hooks体系与Redux Toolkit现代状态管理实践
React作为当今最流行的前端框架之一,其生态体系不断演进,为开发者提供了更高效、更优雅的解决方案。本文将深入探讨React的两大核心主题:Hooks体系(特别是useState和useEffect)以及Redux Toolkit现代状态管理方案。无论你是React初学者还是有一定经验的开发者,这篇文章都将帮助你提升React开发技能,构建更健壮的前端应用。
进取星辰
2 天前
前端
·
安全
·
react.js
33、魔法防御术——React 19 安全攻防实战
魔法特性:• 客户端加密:敏感数据在存储前加密• 错误处理:解密失败时返回安全提示• 简单实现:演示用Base64,生产环境应使用更强加密
懒人Ethan
2 天前
javascript
·
react.js
·
ecmascript
React TS中如何化简DOM事件的定义
我们在做TS开发时候,总要面对各种类型的定义。React使用自己的Sythetic Event机制管理DOM事件,不同于原生的DOM事件定义,所以在TS中,事件的类型定义更加繁琐。
JiaLin_Denny
2 天前
javascript
·
react.js
·
npm
·
esbuild
·
config.js
·
run dev
react中运行 npm run dev 报错,提示vite.config.js出现错误 @esbuild/win32-x64
在React项目中运行npm run dev时,如果遇到vite.config.js报错,提示@esbuild/win32-x64在另一个平台中被使用,通常是由于依赖冲突或缓存问题导致的。解决方法是删除node_modules文件夹,并重新安装依赖。
gong19172316967
2 天前
前端
·
javascript
·
react.js
解释一下React事件系统中的事件委托机制
在 React 的事件系统中,** 事件委托(Event Delegation)** 是其核心机制之一,它通过将事件统一绑定到根节点(通常是 document)来管理所有组件的事件,而非直接绑定到每个具体的 DOM 元素。这种设计不仅优化了性能,还实现了跨浏览器兼容性和统一的事件处理逻辑。以下是对该机制的详细解析:
JamSlade
2 天前
前端
·
javascript
·
笔记
·
react.js
React 个人笔记 Hooks编程
配合函数式编程,保证在不产生类的时候完成一个整体的组件常用组件前三个值为自变量 后三者为因变量前三者相当于其他编程函数的变量声明,而后三者相当于对变量进行了(if now != previous)的包装,执行函数
开发者小天
2 天前
前端
·
javascript
·
react.js
React中使用 Ant Design Charts 图表
效果图:
爱吃小白兔的猫
2 天前
前端
·
react.js
·
前端框架
从零开始创建React项目及制作页面
目录一、React 介绍1. React 核心特点2. React 的生态系统3. React 的优点
TE-茶叶蛋
2 天前
前端
·
javascript
·
react.js
React的合成事件(SyntheticEventt)
React的合成事件(SyntheticEvent)是React为了统一不同浏览器的事件处理行为而封装的一套跨浏览器事件系统。它与原生事件的主要区别如下:
进取星辰
3 天前
react.js
·
性能优化
·
wasm
30、WebAssembly:古代魔法——React 19 性能优化
魔法特性:• 选择低运行时开销语言(如Rust/C++),编译后文件比Swift小4倍• --release模式移除调试符号并优化指令流,文件体积缩减90%(84MB→7MB)
gong19172316967
3 天前
前端
·
javascript
·
react.js
非受控组件在React中的使用场景有哪些?
在 React 中,非受控组件通过 ref 直接操作 DOM 元素获取值,状态由 DOM 自身管理。以下是其典型使用场景及示例,帮助理解何时选择非受控模式:
TE-茶叶蛋
3 天前
前端
·
javascript
·
react.js
React 常见的陷阱之(如异步访问事件对象)
在 React 开发中,事件处理(尤其是合成事件)的某些行为可能导致意料之外的错误。以下是常见的陷阱及解决方案:
whyfail
3 天前
vue.js
·
react.js
·
架构
[特殊字符] React Fiber架构与Vue设计哲学撕逼实录
React这逼就像拿着手术刀做微创,Vue这货直接上精确制导导弹。架构差异本质是命令式vs声明式的哲学互殴,没有谁更好,只有谁更配你项目的菊花需求!
ComPDFKit
3 天前
前端
·
react.js
·
pdf
使用 React PDF 构建 React.js PDF 查看器的指南
在本文中,我们将重点介绍在React.js中制作 PDF 查看器的最受欢迎的开源库。具体来说,我们将利用著名的开源库react-pdf的功能,指导您完成创建 React.js PDF 查看器的过程。
前端达人
4 天前
前端
·
javascript
·
css
·
react.js
·
前端框架
React 播客专栏 Vol.13|样式不难搞,Tailwind CSS 与 SVG 实战入门
👋 欢迎回到《前端达人 · React 播客书单》第 13 期(正文内容为学习笔记摘要,音频内容是详细的解读,方便你理解),请点击下方收听
邝邝邝邝丹
4 天前
javascript
·
学习
·
react.js
React学习———Immer 和 use-immer
Immer是一个用于管理不可变数据的JavaScript库,核心作用是让你用“可变”的写法来安全的操作不可变对象或数组,极大简化了复杂数据结构的更新逻辑。避免了手动深拷贝或扩展运算符的繁琐操作
程序猿阿伟
4 天前
javascript
·
react native
·
react.js
《虚拟即真实:数字人驱动技术在React Native社交中的涅槃》
当React Native与数字人驱动技术相遇,它们将如何携手塑造社交应用中智能客服与虚拟主播的自然交互呢?这正是本文要深入探讨的话题。