日常工作中需求防止的9个React坏习惯
前言 React是前端开发领域中最受欢迎的JavaScript库之一,但有时候在编写React应用程序时,可能陷入一些不佳的习惯和错误做法。这些不佳的习惯可能导致性能下降、代码难以维护,以及其他问题。在本文中,我们将探讨日常工作中应该避免的9个坏React习惯,并提供相关示例代码来说明这些问题以及如...
一款免费开源的在线图片压缩工具
Pic Smaller —— 一款超级好用的在线图片压缩工具,基于 Vite + React 实现,直观、移动友好,并且支持压缩配置。...
Next.js 中为什么 App Router 可能是未来,但 Pages Router 依然重要?
Next.js 作为一个强大的 React 框架,为开发者提供了两种路由系统:App Router 和 Pages Router。这两种路由系统各有特色,适用于不同的场景。本文将深入探讨这两种路由系统的区别、优缺点和使用场景,帮助你做出最佳选择。 App Router:新一代的路由革命 App Ro...
React 高德地图 进京证(一)
一、加载问题 用高德地图做了个进京证路线规划的功能,官网也是有 React 代码示例。但是吧,这个Demo有问题,地图是能加载成功,但是其他功能再用 map 这个变量肯定不行,果不其然是null,处理也简单,把公共变量都管理起来就行了。 const [map, setMap] = useState(...
为什么 useState 屡次更新不收效?
问题 在编写 React 代码时,如果你希望多次更新状态,可能会尝试使用 handleClickWrong 中的方式。然而,你会发现实际效果并不如预期:count 只增加了 1,而不是 3。 const root = document.getElementById('root&...
React 高德地图 进京证(二)
上回书说到,躲开摄像头的基本功能实现了,但有三个核心问题: (1)速度慢 (2)距离远易失败 (3)地图限制 第一个问题:较为简单,把几千个摄像头按行政区划分好带上编号,在路线分段避让时按片儿计算,综合测试速度提升了50%。 //找到每段step途径的 let wayDistrictsCamera...
【EasyBlog】根据React+AntD+NextJS+NestJS+MySQL打造的开源博客体系
Easy-Blog 是一套集成文章发表、页面创建、知识库管理、博客后台管理等功能于一体的博客系统。Github项目地址:https://github.com/fecommunity/easy-blog, 欢迎Star。...
丰厚的诗词资源!一个现代化诗词学习网站!
aspoem —— 现代化诗词学习网站,一个更加注重UI和阅读体验的诗词网站。收集了丰富的诗词资源,用户可以通过作者、诗词、名句快速查找诗词。...
react 知识点汇总(十分全面)
React 是一个用于构建用户界面的 JavaScript 库,由 Facebook 开发并维护。它的核心理念是“组件化”,即将用户界面拆分为可重用的组件。 React 的组件通常使用 JSX(JavaScript XML)。JSX 是一种 JavaScript 语法扩展,允许开发者在 JavaSc...
可视化!一款根据实体衔接图的数据库规划东西!
dber —— 一款基于实体连接图的数据库设计工具。支持可视化数据库结构设计,拖拽生成模型引用关系和一键导出 SQL 语句。...