#React 第24页

Vue 3响应式核心：深入解析ref与reactive的区别与实现原理

一、引言在Vue3的响应式系统中，ref和reactive是最核心的API。许多开发者在使用时容易混淆两者的区别，本文将通过用法对比、原理分析和源码解读，帮助开发者深入理解这两个API的设计思想。

小钟H呀·2025-05-11 14:35

Vue.js 源码解析：深入 Vue 3 中 ref 和 reactive

目录一、引言二、ref的源码解析2.1基本使用回顾2.2源码实现源码解释三、reactive的源码解析3.1基本使用回顾3.2源码实现源码解释四、ref和reactive的区别与联系4.1区别4.2联系五

码上前端·2025-05-11 13:04

深入解析Vue3中ref与reactive的区别及源码实现

深入解析Vue3中ref与reactive的区别及源码实现前言Vue3带来了全新的响应式系统，其中ref和reactive是最常用的两个API。

森哥的歌·2025-05-11 13:02

【工具使用】React+Vite+TypeScript项目打包成exe(基于electron)

前言最近利用react+vite+ts创建了一个前端项目，希望能够打包成exe进行分发，浏览了几个csdn教程，参照进行打包的过程并不是很顺利，这里分享自己的解决方法。

Mr.Wonderfool·2025-05-11 10:43

【从零实现JsonRpc框架#3】线程模型与性能优化

1.Muduo的线程模型Muduo基于Reactor模式，采用单线程Reactor和多线程Reactor相结合的方式，通过事件驱动和线程池实现高并发。

北海有初拥·2025-05-11 09:34

react Hook useEffect的基本使用及注解

一、概述useEffect是React提供的一个Hook，用于在函数组件中执行副作用操作。副作用操作通常包括数据获取、订阅事件、手动操作DOM等。

Echo-潔·2025-05-11 02:17

React Native网络请求

很多移动应用都需要从远程地址中获取数据或资源。你可能需要给某个RESTAPI发起POST请求以提交用户数据，又或者可能仅仅需要从某个服务器上获取一些静态内容——以下就是你会用到的东西。新手可以对照这个简短的视频教程加深理解。

xiangzhihong8·2025-05-11 00:39

React ES7 React/Redux/GraphQL/React-Native snippets插件常用代码块

ES7React/Redux/GraphQL/React-Nativesnippets插件常用代码块生成无状态组件rfc生成类组件rcc打印clg导入imp导入Reactimrthis.setStatesst

执着的派大星·2025-05-11 00:39

【VSCode】ES7 React/Redux/GraphQL/React-Native snippets 插件详解

文章目录一、插件简介1.插件的作用2.安装与配置二、常用代码片段介绍1.React代码片段1.1函数组件1.2类组件2.Redux代码片段2.1创建action2.2创建reducer3.ReactHooks

Peter-Lu·2025-05-11 00:06

推荐项目：提升开发效率的神器 —— VS Code ES7+ React/Redux/JS Snippets

石淞畅Oprah·2025-05-11 00:06

“ES7+ React/Redux/React-Native snippets“常用快捷前缀

React(通常用于.js,.jsx,.ts,.tsx):rfce:ReactFunctionalComponentwithExportDefaultrafce:ReactArrowFunctionComponentwithExportDefaultrce

zwjapple·2025-05-11 00:34

使用FastAPI和React以及MongoDB构建全栈Web应用02 前言

Whothisbookisfor本书适合哪些人阅读Thisbookisdesignedforwebdeveloperswhoaspiretobuildrobust,scalable,andefficientwebapplications.Itcaterstoabroadspectrumofdevelopers,fromthosewithfoundationalknowledgetoexperien

源滚滚编程·2025-05-10 21:49

WPDRRC 模型：构建动态闭环的信息安全防御体系

WPDRRC模型是一种信息安全整体架构设计模型，由预警（Warning）、保护（Protection）、检测（Detection）、反应（Reaction）、恢复（Recovery）和反击（Counterattack

编程在手天下我有·2025-05-10 13:55

React 笔记[1] hello world

React笔记[1]helloworld明白了！既然你已经安装了Node.js，我们可以从零开始搭建一个React+TailwindCSS的HelloWorld项目。

1nv1s1ble·2025-05-10 07:17

关于前端经验1年的思考&&最近的前端面试

巴拉巴拉~和大家聊聊自己的想法吧，9月21号拿了外包offer，我是不想去的，但是就一年经验（我去年校招的）以及空窗期，这个面试市场确实是不给我面试机会的，之前我觉得我对前端技术掌握得其实还行，reactvuewebpackt

杏花下的海·2025-05-10 06:40

vue跨域使用websocket_vue使用websocket问题记录

首先说一下vue2.0的初学体验，目前感觉上手还是很快的，对比其他框架比如angularjs，react等，的确是轻量级很多，并且确实如作者尤大大所诉，真实体会到了其渐进式前端解决方案的思想，你完全可以根据项目的实际情况

五犬·2025-05-10 05:02

React -＞ AI组件 -＞调用Ollama模型, qwen3:1.7B非常聪明

使用React搭建一个现代化的聊天界面，支持与Ollama本地部署的大语言模型进行多轮对话。界面清爽、功能完整，支持Markdown渲染、代码高亮、隐藏思考标签、流式渐进反馈、暗黑模式适配等特性。

HelloRevit·2025-05-10 04:25

react+ts中函数组件父子通信方式

示例代码：//子组件接收来自父组件的数据interfaceChildProps{message:string;}constChildComponent:React.FC=({message})=>{return

辣辣y·2025-05-10 04:25

React.memo正确用法及性能优化实战

React.memo正确用法及性能优化实战嘿，各位React开发小伙伴们！今天我要和大家聊聊那个被误解又超级实用的React性能优化"神器"——React.memo。

AI逐月·2025-05-10 04:55

React学习路线-Deepseek版

前端开发学习路线图（React方向）一、基础阶段：HTML、CSS和JavaScript目标：掌握网页开发的基础三件套。HTML：•学习内容：基本结构、常用标签（,,等）、语义化标签（HTML5）。

LuckyLay·2025-05-09 20:57

前端取经路——框架修行：React与Vue的双修之路

在前端的江湖中，React与Vue如同两大武林门派，各有千秋。今天，我将带你进入这两大框架的奥秘世界，共同探索组件生命周期、状态管理、性能优化等核心难题的解决之道。

若愚6792·2025-05-09 18:13

Vue3 组合式 API 与 TypeScript 类型系统深度实践

TypeScript类型系统深度实践一、组合式API的类型强化优势typescriptCopyCode//类型明确的响应式状态constcount=ref(0)//显式声明数字类型constuser=reactive

·2025-05-09 17:07

Flutter vs React Native：跨平台开发的终极对决

写在前面：一个让开发者失眠的选择“到底该选Flutter还是ReactNative？”如果你是一名移动端开发者，或者正准备踏入跨平台开发的世界，这个问题一定让你头疼过。

老猿阿浪·2025-05-09 16:33

react native TextInput输入限制字数长度在安卓和iOS设备上部分系统键盘输入问题

前奏对于正在学习RN和已经在RN这条路上摸爬滚打很久的看官应该都知道，虽然RN的跨平台做的很不赖，但是也有一些小细节是无法兼顾的，今天兄弟就遇到了一个小问题。（小问题有时候却很致命）。问题描述安卓和iOS很多机型上在输入汉字的过程中会出现将字母（拼音）先输入到输入框中参与计算，一般情况下不会有问题，但如果要做字数限制时问题就出现了。例如，限制只能输入10个字符。大部分人的做法是给TextInput

老猿阿浪·2025-05-09 16:32

React被废弃的三个生命周期函数及替代函数

前奏学习react的看官都知道，react生命周期函数贯穿于组件的初始化、挂载、更新、销毁的整个过程，可以说配合紧密，但随着react使用的深入，在业务开发中一些声明周期函数也带来了一些严重的问题，因此官方大大也很快做出了修正

老猿阿浪·2025-05-09 16:32

React.js 中组件重复调用 `useEffect` 的问题及解决方法

React.js中组件重复调用useEffect的问题及解决方法在React.js开发中，useEffect是一个非常重要的Hook，用于处理组件的副作用（如数据获取、订阅或手动更改DOM等）。

JJCTO袁龙·2025-05-09 15:54

React Native移动应用开发实战指南

本文还有配套的精品资源，点击获取简介：ReactNative是由Facebook推出的开源框架，用于使用JavaScript和React开发iOS和Android的原生移动应用。

不胖的羊·2025-05-09 14:17

React Native主题切换、字号调整：不用styled-components也能玩出花

ReactNative主题切换：不用styled-components也能玩出花“你知道吗？只用ReactNative自带的工具，不到100行代码就能实现媲美大厂App的主题、字号切换效果！”

老猿阿浪·2025-05-09 13:43

ReFormX：现代化的 React 表单解决方案 - 深度解析与最佳实践

1.项目介绍ReFormX是一个基于React和AntDesign的动态表单生成器，旨在通过配置驱动

今天也想MK代码·2025-05-09 05:21

React Native 入门教程

ReactNative入门教程1简介ReactNative(简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的UI框架React在原生移动应用平台的衍生产物

yatsov·2025-05-09 03:05

【全网最全】23种设计模式思维导图详解 | 含React/Vue/Spring实战案例

【全网最全】23种设计模式思维导图详解|含React/Vue/Spring实战案例导图概述本文通过高清思维导图系统梳理了23种设计模式，分为创建型、结构型、行为型三大类，并标注了各模式在主流框架（如React

码农突围NO.1·2025-05-09 02:35

pnpm，Monorepo的使用（2）

2.monorepo的工作目录react-admin-vite-antd5├─package

不会技术的程序员不是一个好厨师·2025-05-08 23:13

vite+ts+vue3 知识点（computed计算属性）

第一种写法import{computed,toRefs,reactive}from"vue";letperson=reactive({name:"老天师",age:123,like:"雷法"});const

微光无限·2025-05-08 19:44

尤雨溪解读2022 Web前端生态趋势

image.png尤大大从下面的三个前端领域的不同层次来展开了介绍：开发范式&底层框架（注：大家比较熟悉的Vue、React这些框架层

zz_jesse·2025-05-08 17:05

尤雨溪回应：Vue与TypeScript为什么相性特别差？

必须要承认的是，2.x的TS支持显然跟React和Angular是有差距的，这也是为什么3.0要加强这一块。关于目前2.x跟TS的整合，通常需要基于vue-cl

Msro·2025-05-08 17:33

自存react-router-dom

动态占位符//Ifthecurrentlocationis/projects/abc/tasks/3{params.projectId;//abcparams.taskId;//3}}//andactionsaction={({params})=>{params.projectId;//abcparams.taskId;//3}}element={}/>;functionTask(){//retu

2301_78916954·2025-05-08 13:09

并发设计模式实战系列(18)：反应器（Reactor）

今天为大家带来的是并发设计模式实战系列，第十八章反应器（Reactor），废话不多说直接开始~目录一、核心原理深度拆解1.事件驱动架构2.高性能关键设计二、生活化类比：餐厅点餐系统三、Java代码实现（

摘星编程·2025-05-08 11:27

一文了解 Vue 中的副作用函数与纯函数

示例import{reactive,effect}from'vue'conststate=reactive({count:0})effect(()=>{console.log(`countis:${state

·2025-05-08 10:16

reactUI组件库

reactUI组件库（Ant）1.1安装yarnaddantdnpminstallantd-mobile--save//web端使用1.2导入在app.js中导入jsimport{Button}from'antd

请叫我斌哥哥·2025-05-08 01:59

antd的按需引入与自定义主题

1.安装依赖：yarnaddreact-app-rewiredcustomize-crababel-plugin-importlessless-loader2.修改package.json…“scripts

After_wade·2025-05-08 01:28

Error while updating property ‘stroke‘ in shadow node of type: ARTShape

一、问题发现好多人跟我一样踩坑react-native-progress与最新版本的react-native不兼容，或者使用到了react-native-community/art的Shape等组件，出现

流星雨在线·2025-05-08 01:57

react-native记录zIndex控制页面层次出现透过去的现象

一、问题我这边用react-native为了实现手势按住一个按钮之后切换场景，使用了zIndex进行页面层次的控制，在所有的ios手机上与绝大部分安卓手机上都表现正常。

流星雨在线·2025-05-08 01:57

React Native for Android 实战（一）：配置和起步

原文地址：http://www.csdn.net/article/2015-09-24/2825787-react-nativeFacebook开源ReactNative也势要统一移动端编程语言，而其提前发布

明斯基·2025-05-08 00:49

Flutter-与-React-Native-的对比分析

writeanywhere|响应式，一次编写多平台运行||支持|Android、IOS、(PC)|Android、IOS、(Web/PC)||使用代表|京东、携程、腾讯课堂|闲鱼、美团B端|一、环境搭建无论是ReactNative

2401_84123213·2025-05-08 00:48

vue3源码系列之高清版effect源码分析篇

前言本文是继上次vue3源码系列之高清版reactive源码分析篇之后，有一力作了。

全栈切图仔·2025-05-07 18:13

Vue3源码解析之Ref、Effect

前言上篇文章详细讲解了响应式原理中的核心方法reactive，这篇文章我们继续讲解响应式原理中的另一个核心方法ref以及副作用函数effect，本文参考源码版本为"version":"3.5.13"ref

JiangJiang1650·2025-05-07 18:40

vue3 的 effect 手写实现

为此，我们需要一个ReactiveEffec

开心上班·2025-05-07 18:40

LlamaIndex ReActAgent 中 tool 和 tool_retriever 联系和区别

LlamaIndexReActAgent中tool和tool_retriever的联系和区别在LlamaIndex的ReActAgent中，tool和tool_retriever都是重要组件，但它们在代理的工作流程中服务于不同的目的

AI Agent首席体验官·2025-05-07 17:03

推荐项目：H5Web——数据可视化与探索的React组件库

宗津易Philip·2025-05-07 10:50

微前端 - 以无界为例

一、微前端核心概念微前端是一种将单体前端应用拆分为多个独立子应用的架构模式，每个子应用可独立开发、部署和运行，具备以下特点：技术栈无关性：允许主应用和子应用使用不同框架（如React+Vue）。

秀秀_heo·2025-05-07 08:38

推荐频道

#React