react组件通信第6页

React Native性能优化方案(新旧架构对比，只看这一篇文章即可拿下面试官)

文章开始之前希望大家支持一下我独立开发的微信小程序“头脑旋风”，或微信扫描我的头像进入，谢谢支持~文章目录1.ReactNative中如何优化应用的性能？2.如何减少重新渲染？

头脑旋风·2025-02-02 03:06

vuecli3 打包加载超慢_解决vue cli使用typescript后打包巨慢的问题

问题之前使用过ts-loader打包react项目，给我的感觉就是巨慢，开发环境下，每次保存后，需要等10秒钟左右才能构建完成，当时为了解决这个问题，把ts-loader替换成了babel的typescript

李day·2025-02-01 10:58

【vue3新特性】

Proxy代理劫持整个对象，不兼容IE优点1.劫持整个对象解决了vue2的未在data定义属性劫持不到问题，数组索引下标操作劫持不到问题2.因为劫持整个对象不需要递归遍历，提升性能缺点1.不支持IE2.reactive

Orange301511·2025-02-01 10:54

2025年React前端路线图：从初级到高级

2025年React前端路线图：从初级到高级原文链接：2025ReactFrontendRoadmap:BeginnertoSeniorLevel作者：tak089译者：倔强青铜三前言大家好，我是倔强青铜三

倔强青铜3·2025-02-01 10:53

从零搭建一个Vue3 + Typescript的脚手架——day3

Pinia是一个强大的工具，它可以处理Vue.js3的许多方面，包括状态管理、路由、组件通信等。Pinia是一

DT——·2025-02-01 10:22

Vue3和react状态管理之Redux与Pinia的使用比较

初始配置pinia:1.通过create-vue脚手架在命令行选择pinia模板生成2.在项目后续添加使用npmaddpinia也可以添加并追加模板redux:1.使用create-react-app脚手架带的

AIGC小陈·2025-02-01 10:21

AIGC时代的Vue或React前端开发

在AIGC（人工智能生成内容）时代，Vue开发正经历着深刻的变革。以下是对AIGC时代Vue开发的详细分析：一、AIGC技术对Vue开发的影响代码生成与自动化AIGC技术使得开发者能够借助智能工具快速生成和优化Vue代码。例如，通过自然语言处理模型（如ChatGPT），开发者可以描述组件的功能和样式需求，然后自动生成包含模板、脚本和样式的完整组件代码。这不仅大大提高了开发效率，还减少了人为错误的可

GISer_Jinger·2025-02-01 09:42

在亚马逊云科技上通过LangChain ReAct Agent开发金融多模态数据AI分析中台

本次介绍的是如何在亚马逊云科技机器学习托管服务AmazonSageMaker上搭建一个多模态LangChainAgent，通过ReAct逻辑让Agent通过AmazonBedrockAI模型托管服务上的大模型

佛州小李哥·2025-02-01 08:39

Vue - 自定义Hooks

自定义Hooks是一个普通的JavaScript函数/TypeScript函数（js或ts），通常以use开头，并且它会使用Vue的响应式API，如ref、reactive、computed、watch

来一碗刘肉面·2025-02-01 01:37

React Native 0.77发布，新样式特性，Android 16KB页面支持，Swift模板

ReactNative0.77版本发布：新特性、改进与迁移说明2025年1月21日，ReactNative0.77正式发布，此版本带来诸多新特性、对Android的支持增强、社区模板更新以及一些重要变更

wayne214·2025-01-31 20:01

React Native 0.77 发布：更强的样式支持与性能优化

ReactNative0.77正式发布！此次版本带来了多项重要改进，包括样式功能的增强、Android平台的性能优化以及项目模板的升级。这一版本的核心目标是提升开发效率，同时确保在不同平台上的兼容性。

@大迁世界·2025-01-31 20:29

解决React Native运行问题：编程指南

ReactNative是一种流行的跨平台移动应用开发框架，但有时候你可能会遇到无法运行ReactNative应用的问题。

心之飞跃·2025-01-31 20:56

ReactNative0.76版本发布，默认开启新架构

今天，我们非常激动地发布了ReactNative0.76版本！这是ReactNative的一个重要里程碑，因为我们默认启用了新架构，并引入了ReactNativeDevTools。

wayne214·2025-01-31 20:25

vue3学习笔记（ref, reactive, setup, hook...）

目录一、搭建项目二、常用的CompositionAPI1.ref函数（实现响应式）2.reactive函数3.vue2和vue3响应式的区别4.setup参数5.计算属性和监视6.vue3生命周期7.自定义

***无名小卒·2025-01-31 18:41

深入了解 React：从入门到高级应用

深入了解React：从入门到高级应用React是由Facebook开发并维护的一个开源JavaScript库，用于构建用户界面。

╰つ゛木槿·2025-01-31 18:41

构建企业级React应用的进阶实践

构建企业级React应用的进阶实践在当今前端开发领域，React凭借其组件化架构和声明式编程范式，已成为构建复杂用户界面的首选方案。

python算法(魔法师版)·2025-01-31 17:34

web前端三大主流框架

Claude3OpusWeb前端开发中，目前有三个主流的框架：1.React：React是由Facebook开发的一款JavaScript库，用于构建用户界面。

109702008·2025-01-31 14:11

低代码产品表单渲染架构

在React和Vue没有流行起来的时候，低代码产品的表单渲染设计通常会使用操作Dom的方式实现。

露临霜·2025-01-31 14:36

linux asio网络编程理论及实现

大佬的博客：恋恋风辰官方博客Preactor/Reactor模式在网络编程中，通常根据事件处理的触发时机和处理逻辑的分工可以分为reactor模式和preactor模式。

辣椒卷二王·2025-01-31 09:54

全面掌握React：2025年学习路径指南

文章目录第一步：Web开发的基石——JavaScript与TypeScript第二步：Web设计的核心——HTML与CSS第三步：进入React的世界第四步：用TailwindCSS进行样式设计第五步：

chenNorth。·2025-01-31 07:36

前端经典样式参考

{{navigateItem.title}}import{reactive}from'vue'letnavigaters=reactive([{title:"PropsLearn",linkPath:"

momomo_mocs·2025-01-30 17:08

【React】React中将 Props 传递给组件

当使用React时，props是组件之间传递数据的主要方式。

笨鸟程序员·2025-01-30 13:01

react学习

react框架的选择低代码、BI前瞻性bs架构，网页客户端去使用react就是用来代替DOM的，dom操作，构建前端界面的react-native直接开发ios，安卓，原生应用虚拟dom，操作react

guhy fighting·2025-01-30 13:00

react页面定时器调用一组多个接口，如果接口请求返回令牌失效，清除定时器不再触发这一组请求

为了实现一个React页面使用定时器调用一组多个接口，并在任意一个接口请求返回令牌失效时清除定时器且不再触发这一组请求，可以遵循以下步骤：1.定义API调用函数：创建一个函数来处理一组API调用。

每一天，每一步·2025-01-30 13:30

二、React进阶

一、代码分割为什么要使用代码分割：在用webpack进行打包的时候，每个模块被导入合并在一个文件，这个文件叫做bundle，这些bundle在一张页面上包括了整个APP。然而，当APP增长的时候，这些bundle尺寸开始变得越来越大，因此影响了页面加载时间使用antdesignpro的时候，打包出来的不是一个bundle文件，而是把每个模块打包成了一个async.js。如果用了代码拆分中的impo

谁诉离殇~·2025-01-30 13:29

React 19 深度剖析：从架构升级到性能优化

React19深度剖析：从架构升级到性能优化目录React19架构升级新特性深度解析性能优化最佳实践高级功能应用工程化实践迁移策略实战案例常见问题解决1.React19架构升级1.1新一代并发渲染引擎React19

九情丶·2025-01-30 12:57

从CV工程师到CtrlCV架构师：PromptCoder如何让前端搬砖变成乐高拼装

《从CV工程师到CtrlCV架构师：PromptCoder如何让前端搬砖变成乐高拼装》各位在座的代码艺术家、CSS炼金术师、React吟游诗人，今天我们要聊一个能让原型图自动「现出原形」的黑魔法——是的

正宗咸豆花·2025-01-30 12:27

【React系列】父子组件通信—props属性传值

本文来自#React系列教程：https://mp.weixin.qq.com/mp/appmsgalbum?

川峰·2025-01-30 12:57

React使用less语法

1.安装yarnaddlessless-loaderornpmilessless-loader2.打开webpack配置文件创建项目的时候我们是看不到webpack文件的需要暴露出来yarnejectornpmruneject3.配置less语法环境在config文件下找到webpack.config.js文件打开webpack.config.js找到如下图：在下面添加如下两句代码：constle

世间万物皆对象·2025-01-30 12:26

React Native开发从入门到精通

目录第一部分：ReactNative入门ReactNative简介什么是ReactNativeReactNative与原生开发对比ReactNative的优缺点开发环境搭建Node.js和npm的安装ReactNativeCLI

赵梓宇·2025-01-30 12:55

如何使⽤props在React组件之间传递数据？

在React中，props（属性）是组件之间传递数据的主要⽅式。props是⽗组件向⼦组件传递数据的⼀种机制。

程序员玫玫·2025-01-30 12:54

React应用深度优化与调试实战指南

一、渲染性能优化进阶1.1精细化渲染控制typescript复制//components/HeavyComponent.tsximportReact,{memo,useMemo}from'react';

python算法(魔法师版)·2025-01-30 12:24

Next.js 高级缓存策略分析

虽然缓存对提升React应用的性能至关重要，但如果对其原理不够理解，很容易导致棘手的错误。例如，页面在客户端显示陈旧数据的问题可能让你在调试时痛苦不堪。

·2025-01-30 11:32

TypeScript 学习 - 创建一个项目

创建一个项目实际使用中,使用yarncreatereact-app比npxcreate-react-app更顺利一些.使用yarncreatereact-appts-react-app--templatetypescript

草明·2025-01-30 10:08

【vue3|第5期】Vue3响应式数据：ref 与 reactive 的深入解析

日期：2024年5月31日作者：Commas签名：(ง•_•)ง积跬步以致千里,积小流以成江海……注释：如果您觉得有所帮助，帮忙点个赞，也可以关注我，我们一起成长；如果有不对的地方，还望各位大佬不吝赐教，谢谢^-^1.01365=37.7834；0.99365=0.02551.02365=1377.4083；0.98365=0.0006文章目录一、前言二、ref（2-1）特性（2-2）使用场景三、

Commas.KM·2025-01-30 07:44

27.useFetch

在React应用开发中，处理网络请求是一个常见而重要的任务。虽然JavaScript的fetchAPI提供了一种现代化的方式来进行网络请求，但在React组件中使用它可能会变得复杂。

@大迁世界·2025-01-30 07:14

在react组件中获取DOM元素的五种方式

this.refs调用(老版本语法,将要废除)this.refs.myH12,在构造器中创建ref全局变量,在标签中ref属性动态绑定这个全局变量,通过全局变量的current字段调用this.myH2=React.createRef

小企鹅子慢慢·2025-01-30 06:41

26.useScript

然而，在React应用中管理脚本加载可能会变得复杂。useScript钩子提供了一种优雅的方式来处理外部脚本的加载、错误处理和清理，使得在React组件中动态加载脚本变得简单和可靠。

@大迁世界·2025-01-30 06:38

react中如何获取dom元素

实现代码constinputRef=useRef(null)inputRef.current.focus()

捂風鋔笶_小欣同學·2025-01-30 06:38

React 的 12 个核心概念

文章目录一、JSX：逻辑与视图的桥梁二、组件：模块化构建的核心三、Props：单向数据流的基石四、State：动态交互的核心五、useEffect：副作用管理的利器六、Context：跨层级数据共享的利器七、React.memo

chenNorth。·2025-01-30 05:30

简述大前端技术栈的渲染原理

大前端不仅包括Web开发，还包括移动端开发和跨平台应用开发，具体包括：•原生应用开发：Android、iOS、鸿蒙（HarmonyOS）等；•Web前端框架：Vue、React、Angular等；•小程序开发

·2025-01-29 23:25

React-Native性能提升优化点

渲染优化减少多余render的渲染类组件中使用shouldComponentUpdateshouldComponentUpdate用于控制组件是否需要重新渲染，通过这个方法，可以优化组件的性能，避免不必要的渲染返回值为true：组件会重新渲染（这是默认行为）。返回值为false：组件不会重新渲染。通过比较当前的props和state与下一个props和state，决定是否需要更新组件例子中，只有当

记得早睡~·2025-01-29 22:13

react native模拟器element inspector与react-devtools无法联动

解决方案：可能是react-devtools版本所致，根据github讨论区将react-devtools版本降到5.3.1即可正常联动。

xiangjiu99287·2025-01-29 19:44

react-native连接夜神模拟器

reactnative连接夜神模拟器查看adb连接设备adbdevices连接夜神模拟器夜神模拟器默认端口号为62001，如果修改过请按实际端口号连接adbconnect127.0.0.1:62001连接成功后运行

luckyx_x·2025-01-29 18:06

设计模式--建造者模式（C++实现）

从上述UML图可以看出，抽象Builder聚合在Direactor类中，通过多态将RealBuilderA或RealBuilderB赋值给Builder。

zhang_zhilai·2025-01-29 18:34

# VueBus 总线传参数

简介vue组件非常常见的有父子组件通信，兄弟组件通信。而父子组件通信就很简单，父组件会通过props向下传数据给子组件，当子组件有事情要告诉父组件时会通过$emit事件告诉父组件。

泯泷·2025-01-29 16:18

探索前端的未来：深度使用 SolidJS 构建高性能用户界面

SolidJS是近年来前端开发领域的一颗新星，它结合了React的思维模式和Vue的性能优势，提供了一种高效且轻量的框架解决方案。

桂月二二·2025-01-29 06:43

快速搭建React18后端管理系统：轻量级模板推荐

快速搭建React18后端管理系统：轻量级模板推荐react-template-adminAlightweightReact18backendmanagementtemplate项目地址:https:/

阮然阳Ian·2025-01-29 06:12

探索Bunshi：轻量级状态管理的新选择

探索Bunshi：轻量级状态管理的新选择bunshiMoleculepatternforjotai,valtio,zustand,nanostores,xstate,reactandvue项目地址:https

虞旋律·2025-01-29 06:41

Solon Cloud Gateway 开发：熟悉 Completable 响应式接口

Solon-Rx（约2Kb）是基于reactive-streams封装的RxJava极简版（约2Mb左右）。目前仅一个接口Completable，意为：可完成的发布者。

组合缺一·2025-01-29 03:16

推荐频道

react组件通信