react.js

巴巴_羊16 小时前
前端·react.js·前端框架
React useMemo函数不使用useMemo函数时,在其他State发生变化时UI也会被重新渲染
巴巴_羊17 小时前
前端·javascript·react.js
React memo
zhangguo200217 小时前
javascript·react native·react.js
react native和react在跨端架构上有什么区别?react:相当于我们还是写的div,最终是app里嵌入了一个浏览器进行渲染react native:使用了一个类似div的标签,最终是调用原生API进行渲染。本质还是JS和native通信,所以有异步和序列化的问题。比如连续手势的卡段,数据序列化的耗时。
阿珊和她的猫17 小时前
javascript·react native·react.js
React Native 开发环境搭建:从零开始🤍 前端开发工程师、技术日更博主、已过CET6 🍨 阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1 🕠 牛客高级专题作者、打造专栏《前端面试必备》 、《2024面试高频手撕题》、《前端求职突破计划》 🍚 蓝桥云课签约作者、上架课程《Vue.js 和 Egg.js 开发企业级健康管理项目》、《带你从入门到实战全面掌握 uni-app》
巴巴_羊21 小时前
前端·react.js·前端框架
React useCallback函数
渔舟唱晚@21 小时前
javascript·react native·react.js
React Native 从零开始完整教程(环境配置 → 国内镜像加速 → 运行项目)本教程将从 环境配置 开始,到 国内镜像加速,最后成功运行 React Native 项目(Android/iOS),适合新手和遇到网络问题的开发者。
进取星辰1 天前
前端·javascript·react.js
16、路由守卫:设置魔法结界——React 19 React Router"路由守卫是霍格沃茨城堡的隐身斗篷,在时空裂隙中精准控制维度跃迁!" 魔法部交通司官员挥舞魔杖,React Router 的嵌套路由在空中交织成星轨矩阵。 ——基于《国际魔法联合会》第7号时空协议,路由守卫通过权限验证、加载状态管理和异常拦截,构建了Web应用的多维度安全防御体系。
等下吃什么?1 天前
react.js
React19 useOptimistic 用法乐观更新const [optimisticState, addOptimistic] = useOptimistic(state, updateFn)
哟哟耶耶2 天前
前端·javascript·react.js
react-10样式模块化(./index.module.css, <div className={welcome.title}>Welcome</div>)避免各个组件类名相同 相关样式冲突所以需要样式模块化。比如在组件Hello中的样式引入,将样式文件名更改为index.module.css如下图。
苦夏木禾2 天前
javascript·react.js
关于react19版本更新后部分组件无法正常使用的问题我们在使用像是提示、弹窗等静态方法时,会报错reactRender is not a function;这是由于 React 19 调整了 react-dom 的导出方式,导致无法直接使用 ReactDOM.render 方法
qq_589568102 天前
笔记·学习·react.js·ajax
react学习笔记2——基于React脚手架与ajax第一步,全局安装:npm i -g create-react-app第二步,切换到想创项目的目录,使用命令:create-react-app hello-react
孙俊熙2 天前
前端·react.js·前端框架
react中封装一个预览.doc和.docx文件的组件主要用到了mammoth这个插件,mammoth.js‌是一个JavaScript库,主要用于将Microsoft Word文档(.docx格式)转换为HTML。它可以通过Node.js环境使用,也可以直接在浏览器中使用。
爱笑的眼睛113 天前
javascript·react native·react.js
React Native 入门 jsx tsx 基础语法JSX (JavaScript XML) 是一种 JavaScript 的语法扩展,允许你在 JavaScript 文件中编写类似 HTML 的代码。它是 React 和 React Native 应用程序中用来描述 UI 的主要方式。
刺客-Andy3 天前
前端·react.js·前端框架
React 第三十六节 Router 中 useParams 的具体使用及详细介绍用途:用于在组件中获取当前 URL 的动态路由参数(如 /user/:id 中的 id)。1、参数未定义的可能性 如果 URL 路径不匹配路由定义的动态参数,useParams 可能返回 undefined。需通过可选链操作符或默认值处理:
哟哟耶耶3 天前
javascript·vscode·react.js
react-11使用vscode开发react相关扩展插件(相关的快捷生成)转载于此博主仅做学习记录插件:ES7+ React/Redux/GraphQL/React-Native snippets 使用指南VS Cod - 掘金
ylineyline3 天前
android·react native·react.js·截断·多行·cut off
React-Native Android 多行被截断如图所示:使用相同的react-native代码,运行在两个APP(demo 和 project)上。demo 展示正常,project 展示不正常。
爱笑的眼睛113 天前
javascript·react native·react.js
React Navigation 使用指南React Navigation 是 React Native 中推荐的路由管理方案。自动适配 iOS 和 Android 平台的视觉规范与交互逻辑,例如:
刺客-Andy3 天前
前端·javascript·react.js·前端框架
React 第三十五节 Router 中useNavigate 的作用及用途详解useNavigate 是 React Router v6 中引入的一个钩子函数,用于编程式导航。它替代了旧版本(v5及以下)中的 useHistory,提供了更简洁的 API 来实现页面跳转、历史记录操作(如前进/后退)等功能。
soragui3 天前
前端·react.js·前端框架
【React】轻松掌握 React 中 useEffect的使用你有没有想过,为什么你的 React 组件能够轻松应对周围发生的变化,比如每当有新数据到来时自动更新,或者处理可以动态响应实时事件的组件?这就是 useEffect 的用武之地!这个强大的钩子(Hook)就像是组件管理副作用和快速响应变化的秘籍。今天,我们就来探讨一下 useEffect,了解它是如何工作的、为什么我们需要它,并通过实际场景来展示你为什么会想用到 useEffect。那让我们开始吧!