重学react

前端开发：这就是终点吗？

ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读让我们重新回到2021年后远程办公风潮兴起的日子，那时候，程序员岗位炙手可热。

·2025-03-23 10:37

通俗易懂的讲解MobX

核心概念MobX有几个核心概念：observable、action、computed和reaction。我们用一个家庭日常生活的例子来解释这些概念。Observable（可观察

luckucu·2025-03-23 00:20

vite项目中vite.config.js使用.env.development文件中的配置数据

如下图.env和vite.config.js配置同级目录loadEnv就可以获取.env配置信息import{defineConfig,loadEnv}from"vite";importreactfrom

初遇你时动了情·2025-03-22 22:12

github如何为开源项目作出贡献

就在昨天，笔者取得了第一次开源项目贡献，虽然更新的内容很小，但是也算是迈出了第一步1.选择合适的开源项目（1）兴趣优先选择自己感兴趣的项目会更有动力参与，比如你喜欢前端开发，可以关注React、Vue相关的开源项目

PXM的算法星球·2025-03-22 17:04

使用 React 和 Cypress 进行单元测试

每个开发人员都希望发布一个没有错误的生产应用程序。为了实现这一点，我们需要考虑如何将测试集成到我们的应用程序中。我们可以使用许多测试工具、框架和测试类型。Cypress是一个现代化的自动化测试套件。它是一个基于JavaScript的完全开源的测试框架，由Mocha和Chai等支持BDD和TDD断言样式的库构建。此外，如果您熟悉用JavaScript编写测试，那么使用Cypress会很容易。Cypr

pxr007·2025-03-22 17:02

前端面试：[React] scheduler 调度机制原理？

ReactScheduler是React16.8引入的一种调度机制，旨在对高效渲染和复杂应用程序的性能进行优化。它允许React在空闲时间进行渲染，优先处理对用户体验最为重要的任务。

returnShitBoy·2025-03-22 16:00

Tinyflow AI 工作流编排框架 v0.0.7 发布

它基于WebComponent开发，前端支持与React、Vue等任何框架集成，后端支持Java、Node.js、Python等语言，助力传统应用快速AI转型。

自不量力的A同学·2025-03-22 09:21

Vue3-笔记002-Ref与Reactive

002-Ref与Reactive-目录Refref案例ref与RefifRefshallowReftriggerRefcustomRefdom元素的refReactive与ref的共同点与ref的不同点数组的异步赋值问题

·焱··2025-03-22 06:55

Vue3-day3-Ref-Reactive

Ref：创建基本类型的响应式数据作用：定义响应式变量语法：letxxx=ref(初始值)返回值：一个RefImpl的实例对象，简称ref对象或者ref，ref对象的value属性是响应式的注意点：js中操作数据需要：xxx.value，但模板中不需要.value，直接使用即可。对于letname=ref('张三')来说，name不是响应式的，name.value是响应式的。代码段姓名：{{name

金串串·2025-03-22 06:25

element plus table树形数据，增、删、改子节点数据时，进行局部刷新，而不刷新整个页面

...constlistLoading=ref(false)//保存节点映射的Mapconstmaps=reactive(newMap())constload=async(row,treeNode,resolve

catino·2025-03-22 05:48

清晰架构之typescript实践：构建可扩展服务的利器

清晰架构之typescript实践：构建可扩展服务的利器react-with-clean-architectureCleanarchitecturebasedreactprojectsamplecode

吕曦耘George·2025-03-22 05:12

新建react native项目都失败，创建出来的都是.xcodeproj，而不是.xcworkspace，如何解决？？

本文收录于《全栈Bug调优(实战版)》专栏，主要记录项目实战过程中所遇到的Bug或因后果及提供真实有效的解决方案，希望能够助你一臂之力，帮你早日登顶实现财富自由；同时，欢迎大家关注&&收藏&&订阅！持续更新中，up！up！up！！全文目录：问题描述解决方案1.确保正确设置代理源（如果你在国内）2.手动安装CocoaPods依赖3.检查你的Ruby和CocoaPods环境4.尝试清理并重建项目5.查

bug菌¹·2025-03-22 04:41

Android com.facebook.react:react-native:+ 版本问题

>Failedtotransformreact-native-0.71.0-rc.0-debug.aar(c

小铁-Android·2025-03-22 04:10

cesium 文字避让

申请cesium的token官网【Cesium:ThePlatformfor3DGeospatial】>import*asCesiumfrom'cesium';import{onMounted,reactive

花归去·2025-03-22 03:00

React 18 如何定义变量，及赋值与渲染

React18中，定义变量、赋值和渲染的方式因变量的用途和作用域不同而有所差异，下面为你详细介绍不同场景下的实现方法。

痴心阿文·2025-03-22 01:41

react-native 实现AES RSA MD5加密

importReact,{Component}from'react';import{Platform,StyleSheet,Text,View,Image,Dimensions,ScrollView,TouchableOpacity

花程序媛·2025-03-22 01:39

Netty源码—3.Reactor线程模型四

大纲5.NioEventLoop的执行总体框架6.Reactor线程执行一次事件轮询7.Reactor线程处理产生IO事件的Channel8.Reactor线程处理任务队列之添加任务9.Reactor线程处理任务队列之执行任务

东阳马生架构·2025-03-22 01:08

Netty源码分析之Reactor线程模型详解

在分析源码之前，我们先分析，哪些地方用到了EventLoop？NioServerSocketChannel的连接监听注册NioSocketChannel的IO事件注册NioServerSocketChannel连接监听在AbstractBootstrap类的initAndRegister()方法中，当NioServerSocketChannel初始化完成后，会调用case标记位置的代码进行注册。f

Java-进阶架构师·2025-03-22 01:36

React 中 Context 的作用是什么，在什么场景下使用它？

大白话React中Context的作用是什么，在什么场景下使用它？React中Context的作用在React里，组件之间常常需要共享数据。通常情况下，数据是通过props从父组件传递到子组件。

前端大白话·2025-03-22 00:32

Netty源码—2.Reactor线程模型二

大纲1.关于NioEventLoop的问题整理2.理解Reactor线程模型主要分三部分3.NioEventLoop的创建4.NioEventLoop的启动4.NioEventLoop的启动(1)启动NioEventLoop

东阳马生架构·2025-03-22 00:02

【致100位技术同路人：代码无边界，GIS×编程的双向奔赴！】

未来会继续用PostGIS的严谨写空间索引，用React/Vue的

喆星时瑜·2025-03-22 00:31

如何在 React 项目中优化列表渲染性能，避免不必要的重绘？

大白话如何在React项目中优化列表渲染性能，避免不必要的重绘？在React项目里，要是列表数据量很大，每次数据变化都重新渲染列表，会严重影响性能。

前端大白话·2025-03-21 20:59

nextjs 实现rag知识库检索增强的ai问答app

AI-Chat-一个基于LLM大语言模型的知识库问答系统项目源码：https://github.com/goliter/ai-chat项目简介AI-Chat是一个基于Next.js和React开发的现代化大语言模型的知识库问答系统

*goliter *·2025-03-21 20:55

PakePlus支持将vue/react等项目打包为跨平台桌面软件了

PakePLus介绍Turnanywebpage/Vue/ReactandsoonintoadesktopappandmobileappwithRust.轻松将任意网站/Vue/React等项目构建为轻量级

1024小神·2025-03-21 19:50

手机端Flutter、React Native与原生安卓、iOS交互的方案及设计原理

手机端Flutter、ReactNative与原生安卓、iOS交互的方案及设计说明一、交互方案与代码示例1.Flutter与原生交互方案核心方案：通过MethodChannel和EventChannel

JafarOne·2025-03-21 19:46

网页编辑器能否满足Word公式与图片的直接复制粘贴？

要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint

2501_90699800·2025-03-21 18:02

React中的高优先级任务插队机制

在React的concurrent模式下，低优先级任

东方睡衣·2025-03-21 17:29

高级前端面试题-React

react概念类组件和函数组件,什么时候用类组件获取组件实例类组件如何实现逻辑复用？

圣诞小子·2025-03-21 17:29

前端面试：[React] Recoil 里面 selector 支持哪些参数？

在Recoil中，selector用于派生状态并可以通过传递不同的参数来实现更强大的功能。创建selector时，可以传入以下参数：1.key类型:string描述:是selector的唯一标识符。每个selector和atom都必须有一个唯一的key，否则会抛出错误。这个key用于在Recoil状态树中进行识别。示例：javascriptconstmySelector=selector({key

returnShitBoy·2025-03-21 17:56

react 技术栈请问该如何优化 DOM 大小

针对React应用中DOM大小过大的问题，以下是详细的优化方案和具体操作步骤，帮助你提升Lighthouse性能评分和用户体验：一、问题根源分析DOM大小过大（如超过1500个节点或深度超过32层）会导致

混血哲谈·2025-03-21 10:30

useSyncExternalStore 的应用

---《论语·为政》WhatuseSyncExternalStoreisaReactHookthatletsyousubscribetoanexternalstore.useSyncExternalStore

·2025-03-21 07:59

从 0 到 1 搭建一个 Web 应用项目：详细步骤与踩坑记录

二、技术选型（一）前端框架：选择React.js。它具有高效的虚拟DOM机制，能够快速更新页面，提升用户体验。同时，React生态系统丰富，有大量现成的组件库和工具可

算法探索者·2025-03-21 07:03

Netty源码—2.Reactor线程模型一

大纲1.关于NioEventLoop的问题整理2.理解Reactor线程模型主要分三部分3.NioEventLoop的创建4.NioEventLoop的启动1.关于NioEventLoop的问题整理一.

东阳马生架构·2025-03-21 05:11

react-11（自定义hook、useRef）

自定义hook主要是我们利用已有的hook,实现hook的效果，并在其他地方引用。（感觉像是封装了一个方法）//定义constfetchHook=(url)=>{const[data,setData]=useState({})const[loading,setLoading]=useState('')useEffect(()=>{setLoading('loading')axios.get(url

我只是想饮一杯奶茶·2025-03-21 04:09

react hook:useRef,forwardRef, useImperativeHandle父子通信

使用场景:父组件调用子组件里的方法父组件：Father.tsximportReact,{useRef}from'react';importChildrenfrom'.

取啥好·2025-03-21 04:37

深度解析 React useRef Hook 的使用

useRef返回一个可变的ref对象，其.current属性被初始化为传入的参数（initialValue）。返回的ref对象在组件的整个生命周期内持续存在。命令式地获取及操作DOM：functionTextInputWithFocusButton(){ //通过useRef创建并获取Dom元素 constinputEl=useRef(null); constonButtonClick=()=

Jason Ma丶丶前端工程师·2025-03-21 04:06

Web Component 教程（六）：基于 Stencil 脚手架开发 Web Component

前言在现代前端开发中，WebComponent是一种逐渐受到关注的技术，它允许我们创建可以在任何框架或库（如React,Angular,Vue等）中使用的可重用组件。

乐闻x·2025-03-21 04:06

React Material Components Web 使用教程

ReactMaterialComponentsWeb使用教程react-mdc-webMaterialDesignComponentsforReact项目地址:https://gitcode.com/gh_mirrors

计煦能Leanne·2025-03-21 04:06

解释一下什么是 React 的 useRef Hook

useRef是React中的一个Hook，用于创建一个可以持久化存储的可变引用。它通常用于访问DOM元素或保存任何可变值，而不触发组件的重新渲染。

祈澈菇凉·2025-03-21 03:34

如何使用 React 18 和 Storybook 进行交互测试

在本文中，我们将专注于在使用React18和Storybook时测试我们的组件的交互。

pxr007·2025-03-21 03:28

六十天前端强化训练之第二十一天大师级详解 React Context API：从原理到实战

=====欢迎来到编程星辰海的博客讲解======看完可以给一个免费的三连吗，谢谢大佬！目录一、庖丁解牛：深入理解ContextAPI1.1设计哲学与运转机制工作原理三步曲：1.2核心三剑客详解1.3性能优化要诀二、手把手实现主题切换系统2.1完整代码实现（逐行注释版）2.2配套CSS样式设计三、关键知识点拆解3.1状态初始化策略3.2CSS变量注入原理3.3性能优化实践3.4可访问性最佳实践四、

编程星辰海·2025-03-21 02:26

12.12【java exp4】react table全局搜索tailwindcss 布局 (Layout) css美化 3. (rowId: number

reacttable创建一个下拉菜单，允许用户选择要搜索的列。创建一个输入框，用于输入搜索关键词。

CQU_JIAKE·2025-03-21 02:54

从 0 开始使用 cursor 开发一个移动端跨平台应用程序

1.安装必要的工具和环境在开始之前，确保你的开发环境已经安装了以下工具：a.安装Node.js和npmReactNative依赖Node.js和npm（NodePackageManager）。

沐怡旸·2025-03-21 02:18

Dify 项目开源大模型应用开发平台

其核心功能包括：可视化工作流构建通过可视化画布（如ReactFlow）编排AI工作流，支持多步骤任务处理，例如文档解析、模型推理和

魔王阿卡纳兹·2025-03-20 23:30

推测未来Agentic形态：Dynamic Cognitive Contextual Agent with Reinforcement Learning (DCCA-RL)

在AIAgent设计模式领域，我们见证了从简单的ReAct到复杂的LATS的演进，这些模式通过反思、工具使用、规划和多代理协作，极大地提升了AI的自主性和智能性。

weixin_40941102·2025-03-20 21:40

前端面经分享（25/03/18）

北京一家做边缘云服务提供商公司，技术一面，15k-20k，要求3-5年上家公司的项目为什么会选择MQTT进行通信React常用Hook为什么React不能在条件语句里用Hook前端常见的优化策略React

CreatorRay·2025-03-20 20:31

React中useEffect和useLayoutEffect的区别

在React中，useEffect和useLayoutEffect都是用于处理副作用的Hooks，但它们的执行时机和对渲染流程的影响有显著区别。

CreatorRay·2025-03-20 20:30

《React开发实践：掌握Redux与Hooks应用》——开启你的前端进阶之旅

文章标题《React开发实践：掌握Redux与Hooks应用》——开启你的前端进阶之旅在前端开发的浪潮中，React.js已经成为开发者们不可或缺的利器。

JJCTO袁龙·2025-03-20 17:09

Demo发布- ClkLog客户端集成 uni-app

前言在上一期推文中【Demo发布-ClkLog客户端集成-ReactNative】，我们与大家分享了ReactNative的集成demo。本期，我们将继续介绍ClkLog集成uni-app的demo。

·2025-03-20 14:23

Demo发布 | ClkLog成功集成Unity3D

前言在Clklog完成ReactNative和uni-app集成Demo后，一个游戏行业新客户提出了使用Unity3D开发的集成问题。对此，我们与客户分别进行了测试。