ReACT 第6页

React Native基础入门：组件与样式指南

背景简介在现代移动应用开发中，ReactNative提供了一个高效的解决方案，使得开发者能够使用JavaScript和React来编写原生移动应用。

AAAsuan·2025-06-12 20:56

前端 React.js 组件复用与封装技巧

前端React.js组件复用与封装技巧关键词：React.js、组件复用、组件封装、前端开发、代码复用性摘要：本文围绕前端React.js组件复用与封装技巧展开深入探讨。

大厂前端小白菜·2025-06-12 20:23

如何优化React Native应用以适配HarmonyOS5？

以下是优化ReactNative应用适配HarmonyOS5的关键策略与步骤，基于最佳实践总结为六大方向，涵盖环境配置、组件适配、性能调优、分布式能力集成等，确保应用在鸿蒙系统上高效运行：⚙️一、开发环境搭建与项目初始化‌工具链配置‌使用

程序员小刘·2025-06-12 20:22

React AJAX

在React应用中实现AJAX请求，通常可以使用fetchAPI或者第三方库如axios、jquery等库来进行网络请求。

urge you to be kind·2025-06-12 18:40

【Web】腾讯云 COS 静态网站部署与自定义域名 HTTPS 全流程

常见的前端框架（如Vue、React）打包后的项目就是静态网站，非常适合部署在对象存储（如腾讯云COS）等静态托管平台。

ganshenml·2025-06-12 17:01

“组件、路由懒加载”，在 Vue3 和 React 中分别如何实现？ (copy)

Vue3和React组件懒加载实现方式React中组件懒加载的实现方式React提供了React.lazy和Suspense两个API来实现组件的懒加载。

海盐泡泡龟·2025-06-12 15:18

vue3笔记（1）自用

目录一、ref和reactive的区别1.ref2.reactive3、核心区别4、原理差异1.ref的实现2.reactive的实现5、常见误区二、计算属性（Computed）1.基本用法2.计算属性的

zhaoyang0301·2025-06-12 13:32

快速了解ES6Module模块化

ES6Module模块，是能够单独命名并独立完成一定功能程序语句的集合定义听上去高大上，其实在日常项目中几乎每个文件都会用到，甚至很不起眼，react组件的引用：//router.jsimport{createHashRouter

你脸上有BUG·2025-06-12 07:15

HarmonyOS5 React Native 应用迁移到 HarmonyOS 环境搭建指南

一、环境准备阶段1.开发工具安装安装DevEcoStudio5.0+（鸿蒙官方IDE）：访问HarmonyOS开发者官网下载对应平台版本安装时勾选如下组件：HarmonyOSSDKArkTS编译器JS/ArkTS调试工具HarmonyOS本地模拟器2.环境配置#检查环境变量配置（macOS/Linux示例）exportHARMONY_HOME=/Users/[username]/HarmonyOS

libo_2025·2025-06-11 21:46

让 React Native 应用支持 HarmonyOS5 分布式能力：跨设备组件开发指南

一、核心集成方案原生能力封装与桥接ReactNative通过NativeModules调用HarmonyOS分布式API，需将Java/C++原生层改写为ArkTS实现：//HarmonyDistributed.ets

libo_2025·2025-06-11 21:46

HarmonyOS5 让 React Native 应用支持 HarmonyOS 分布式能力：跨设备组件开发指南

以下是HarmonyOS5与ReactNative融合实现跨设备组件的完整开发指南，综合关键技术与实操步骤：一、分布式能力核心架构ReactNativeJS层→Native桥接层→HarmonyOS分布式能力层

程序员小刘·2025-06-11 21:42

Svelte 核心语法详解：Vue/React 开发者如何快速上手？

在很多地方早就听到过svelte的大名了，不少工具都有针对svelte的配置插件，比如vite\unocss\svelte.虽然还没使用过，但是发现它的star82.9k数很高哦，学习一下它与众不同的魔法。这名字有点别扭，好几次都写错。svelte是一个web开发框架，它通过编译器编译出可以在浏览器中运行的代码，使用的语言还是前端三剑客html/css/js。优点就是书写简洁、编译快、效率高。后记

heroboyluck·2025-06-11 20:38

el-table封装自动滚动表格（适用大屏）

import{ref,onUnmounted,reactive,onMounted,nextTick}from'vue';consttableData=ref([{date:'2016-05-03',name

小猫猫改bug·2025-06-11 20:06

MVVM 模式，以及 Angular、React、Vue 和 jQuery 的区别与关系

目录一、先搞懂MVVM模式二、Angular、React、Vue是啥？

WZMeiei·2025-06-11 19:00

深入理解 React 样式方案

React的样式方案较多，在应用开发初期，开发者需要根据项目业务具体情况选择对应样式方案。

aiguangyuan·2025-06-11 16:38

在 Three.js 中实现自定义 Shader 效果

开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术经验经验：演示地址开源项目

贵州数擎科技有限公司·2025-06-11 13:48

Spring Boot 如何自动配置 MongoDB 连接？可以自定义哪些配置？

当SpringBoot检测到MongoDBJava驱动程序(如mongodb-driver-sync或mongodb-driver-reactivestreams)和spring-boot-starter-data-mongodb

冰糖心书房·2025-06-11 06:30

React Native 是什么？为什么学它？

ReactNative是什么是什么？为什么学它？随着智能手机的普及和移动互联网的迅猛发展，移动应用的开发需求日益增长。

EndingCoder·2025-06-11 06:56

用vite创建React项目

对于CreateReactApp项目：1.创建项目：npxcreate-react-appmy-app2.安装依赖：npminstall-Dtailwindcss@npm:@tailwindcss/postcss7

前端小努力·2025-06-11 06:55

React Native开发环境搭建，VS Code运行项目步骤详解

要搭建ReactNative的开发环境，您需要按照以下步骤进行设置：一、安装Node.jsReactNative依赖于Node.js。

Zh.快乐的程序猿·2025-06-11 06:55

React 第五十八节 Router中StaticRouterProvider的使用详解及案例

前言StaticRouterProvider是ReactRouterv6.4+中用于服务端渲染（SSR）的核心组件。

刺客-Andy·2025-06-11 06:24

React 第五十五节 Router 中 useAsyncError的使用详解

前言useAsyncError是ReactRouterv6.4引入的一个钩子，用于处理异步操作（如数据加载）中的错误。下面我将详细解释其用途并提供代码示例。

刺客-Andy·2025-06-11 05:54

React Native开发入门：工具和步骤详解

ReactNative开发入门：工具和步骤详解背景简介本文基于ReactNative官方文档的章节内容，提供了关于如何开始使用ReactNative开发移动应用的详细指南。

·2025-06-11 05:24

React动态渲染：如何用map循环渲染一个列表(List)

React动态渲染：如何用map循环渲染一个列表(List)？系列回顾：在上一篇中，我们学习了如何通过onClick等事件处理，让React应用响应用户的操作。现在我们的组件已经能“听懂话”了。

程序员阿超的博客·2025-06-11 05:54

使用vite创建一个React项目

1.gitee创建仓库、将仓库克隆到本地2.搭建一个项目：使用vite、react【解决nvm无法切换node或者安装的问题】1.查看nvm安装路径：nvmroot（以管理员身份运行）2.在setting.txt

哈胡233·2025-06-11 05:23

React Native在HarmonyOS 5.0阅读类应用开发中的实践

一、技术选型背景随着HarmonyOS5.0对Web兼容层的增强，ReactNative作为跨平台框架可通过重新编译ArkTS组件实现85%以上的代码复用率。

程序员小张丶·2025-06-11 05:51

基于React Native实现美食HarmonyOS 5.0的开发指南

HarmonyOS5.0新特性适配1.鸿蒙5.0核心技术优势（1）ArkUI3.0：更高效的渲染引擎（2）分布式能力增强：跨设备无缝协同（3）原子化服务：轻量化服务卡片（4）AI能力集成：更智能的推荐系统2.ReactNative

程序员小张丶·2025-06-11 05:21

基于React Native实现音乐harmonyos5.0App的开发

一、开发环境搭建ReactNative环境：1.安装ReactNative0.72.5（适配鸿蒙的稳定版本）：npxreact[email protected]react-native-template-harmony

·2025-06-11 05:21

选React Native还是Flutter？救救选择困难症的孩子吧！

选ReactNative还是Flutter？救救选择困难症的孩子吧前言大家好，我是倔强青铜三。

倔强青铜3·2025-06-11 05:51

京东零售招前端·亦庄

京东零售招前端·亦庄国际部门要求熟悉react加分项:next.jsC端业务联系emhpc2hhb2ZlaUBqZC5jb20=(base64)

·2025-06-11 03:32

【antd-mobile】React + antd-mobile 上手开发教程（2025 最新版）

React+antd-mobile上手开发教程（2025最新版）antd-mobile是React开发者在移动端最不想用、但又不得不面对的UI库。

全栈前端老曹·2025-06-10 23:38

【React工作记录十四】关于ant design中input加前缀的问题

目录前言导语代码部分总结前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷导语歌谣歌谣最近出现了一个新的需求就是input框输入的时候需要加一个前缀代码部分`HZ${value}`}style={{width:'100%'}}placehold

前端大歌谣·2025-06-10 23:38

基于React 的 AntD 库进行前端开发过程中的问题汇总

背景最近写了半个月的React前端，三年没写过React前端了，有些生疏了，汇总一下基于React前端的antD库编写过程中的低级问题吧。

毕小宝·2025-06-10 23:07

React 18 的 useSyncExternalStore 是用来解决什么问题的？并说明其使用方式。

大白话React18的useSyncExternalStore是用来解决什么问题的？并说明其使用方式。前端同学的深夜加班，除了咖啡和布洛芬，最怕遇到什么？

前端布洛芬·2025-06-10 23:04

前端知识导图

HTMLCSSJSTS2、计算机基础计算机网略数据结构算法：二分查找、十大排序、二叉树先中后和层次遍历、集合交并集、leetcode刷题经验编译构建webpack&vite应用基础开发环境和运行环境框架React

lucky_jiexia·2025-06-10 22:32

Vue与React、Angular的比较

Vue、React和Angular是前端开发中三个流行的JavaScript框架，它们各自具有不同的特点、优势和适用场景。

youhebuke225·2025-06-10 22:29

前端6月份之前的部分技术更新记录

香蕉可乐荷包蛋·2025-06-10 20:46

写给前端小姐姐的DDD - 领域驱动设计

背景DDD领域驱动设计，在后端领域，现在应用非常广泛，在我看来，前端（特别是React）也是非常适合DDD（小哥哥也可以看这篇文章）什么是DDD?

Peter 谭·2025-06-10 20:09

前端React.js与GraphQL的集成应用

前端React.js与GraphQL的集成应用关键词：React.js、GraphQL、集成应用、前端开发、数据交互摘要：本文深入探讨了前端React.js与GraphQL的集成应用。

大厂前端小白菜·2025-06-10 18:56

学习 React【Plan - June - Week 1】

一、使用JSX书写标签语言JSX是一种JavaScript的语法扩展，React使用它来描述用户界面。什么是JSX？JSX是JavaScript的一种语法扩展。

kuiini·2025-06-10 14:28

React hook之useRef

ReactuseRef详解useRef是React提供的一个Hook，用于在函数组件中创建可变的引用对象。它在React开发中有多种重要用途，下面我将全面详细地介绍它的特性和用法。

沪cares·2025-06-10 13:23

告别黑箱，锤炼内功：深入“造轮子”宝库 Build Your Own X (GitHub 深度探索与实践指南)

从React、Vue到SpringBoot、Django，从Docker、Kubernetes到PostgreSQL、Redis，这些工具极大地提高了我们的生产力。

wylee·2025-06-10 11:14

React和vue的理论难题

Fragment的理解Fragment是React中一个内置组件，允许将多个子元素分组渲染而不添加额外的DOM节点。它类似于一个透明的容器，不会在最终DOM结构中生成实际标签，仅用于逻辑上的包裹。

@AA3·2025-06-10 08:24

前端面试题：如果列表渲染几十万条数据，页面卡顿怎么办？你会用什么实际方案来优化

比如element-plus里的ElVirtualList或者第三方库likevue-virtual-scroll-list、react-wind

野盒子·2025-06-10 08:21

【手写React源码】用 TypeScript 实现一个简化版 React

用TypeScript实现一个简化版React目标通过我们的32节课的源码学习，实现一个最小可运行的React子集，包括以下核心功能：功能描述JSX解析将JSX转换为虚拟DOM（VDOM）VirtualDOM

全栈前端老曹·2025-06-10 01:02

【React源码04】深入学习React 源码实现—— React Hooks 的底层实现原理(useState，useEffect，useRef)

深入学习ReactHooks的底层实现原理一、历史背景与设计动机1.1函数组件的局限性（React16.7之前）在React16.8引入Hooks之前，函数组件：无法管理状态（只能使用props）；无法执行副作用

全栈前端老曹·2025-06-10 01:32

【React源码08】深入学习React 源码实现——Fiber架构双缓冲（current 与 workInProgress）机制

深入学习React源码实现之双缓冲（current与workInProgress）机制一、双缓冲（current与workInProgress）机制历史介绍React的Fiber架构是在React16中引入的重大重构

·2025-06-10 01:32

【React源码03】深入学习React 源码实现——Fiber 架构与任务调度

深入学习React源码实现之Fiber架构与任务调度一、引言：Fiber架构的诞生背景1.1传统递归渲染的问题在React15及更早版本中，React使用的是递归渲染（StackReconciler）：

全栈前端老曹·2025-06-10 01:00

解释 React Hooks 的规则限制及底层实现原理

大白话解释ReactHooks的规则限制及底层实现原理前端人深夜改bug，最怕遇到什么？

前端布洛芬·2025-06-09 23:17

react菜单，动态绑定点击事件，菜单分离出去单独的js文件，Ant框架

1、菜单文件treeTop.js//顶部菜单import{AppstoreOutlined,SettingOutlined}from'@ant-design/icons';//定义菜单项数据consttreeTop=[{label:'Docker管理',key:'1',icon:,url:"/docker/index"},{label:'权限管理',key:'2',icon:,children:[

大得369·2025-06-09 23:17

推荐频道

ReACT