文章原文：Next.js项目App目录如何简单集成markdown博客 此教程适用于比较简单的项目实现，如果你是刚入门next，并且不想用太复杂的方式去实现一个博客项目，那么这个教程就挺适合你的。 Next.js官方关于markdown的文档有说明过如何渲染markdown，也是针对App目录的，但 ...

常规的图片优化有压缩图片、使用 CSS sprites、懒加载、预加载、CDN 缓存、合适的图片格式、七牛 CDN 图片参数等等，这里不在赘述，这篇文章我们将讨论其他几种方案~ ...

一、背景 在上一篇博客中，我分享了将RN的bundle包在原生鸿蒙开发中进行使用。但是如果我们在实际的开发过程中，每次修改完代码都需要打包，然后重新运行原生项目的话效率就有点太低了。 原生鸿蒙支持RN的热加载，每次改完代码直接ctrl+s即可，改动后的代码会自动同步到手机上。除此之外，还支持同时调试 ...

本文分两部分，一说前端路由的基本原理，二说 React Router 的实现原理 前端路由的基本原理​ 不说屁话，从时间线上讲，Web 应用原本是后端渲染，后来随着技术的发展，有了单页面应用，慢慢从后端渲染发展成前端渲染 在博客前端路由hash、history的实现 一问中我已经介绍过这两种模式 h ...

react聊天组件库：react-chat-elements 需求场景：用户可以通过多元的用户交互方式，如文件、图片、声音以及文字等输入相关信息，AI给出对应的回答 react-chat-element介绍 react-chat-elements 是一个专为React开发者设计的聊天组件库，旨在简化 ...

dber —— 一款基于实体连接图的数据库设计工具。支持可视化数据库结构设计，拖拽生成模型引用关系和一键导出 SQL 语句。 ...

React 是一个用于构建用户界面的 JavaScript 库，由 Facebook 开发并维护。它的核心理念是“组件化”，即将用户界面拆分为可重用的组件。 React 的组件通常使用 JSX（JavaScript XML）。JSX 是一种 JavaScript 语法扩展，允许开发者在 JavaSc ...

aspoem —— 现代化诗词学习网站，一个更加注重UI和阅读体验的诗词网站。收集了丰富的诗词资源，用户可以通过作者、诗词、名句快速查找诗词。 ...

Easy-Blog 是一套集成文章发表、页面创建、知识库管理、博客后台管理等功能于一体的博客系统。Github项目地址：https://github.com/fecommunity/easy-blog， 欢迎Star。 ...

上回书说到，躲开摄像头的基本功能实现了，但有三个核心问题： （1）速度慢 （2）距离远易失败 （3）地图限制 第一个问题：较为简单，把几千个摄像头按行政区划分好带上编号，在路线分段避让时按片儿计算，综合测试速度提升了50%。 //找到每段step途径的 let wayDistrictsCamera ...

问题 在编写 React 代码时，如果你希望多次更新状态，可能会尝试使用 handleClickWrong 中的方式。然而，你会发现实际效果并不如预期：count 只增加了 1，而不是 3。 const root = document.getElementById('root'); const Ap ...

一、加载问题 用高德地图做了个进京证路线规划的功能，官网也是有 React 代码示例。但是吧，这个Demo有问题，地图是能加载成功，但是其他功能再用 map 这个变量肯定不行，果不其然是null，处理也简单，把公共变量都管理起来就行了。 const [map, setMap] = useState( ...

Next.js 作为一个强大的 React 框架，为开发者提供了两种路由系统：App Router 和 Pages Router。这两种路由系统各有特色，适用于不同的场景。本文将深入探讨这两种路由系统的区别、优缺点和使用场景，帮助你做出最佳选择。 App Router：新一代的路由革命 App Ro ...

刚学react，拿项目练手，有个问题恶心死了，折腾了好久，百度上也没找到很合适的，觉得有必要分享一下，不为别的，以后自己遇到了，再复习一下，方案不是最优解，但能解决问题 业务描述 就是点击编辑，新增的时候，数据发生变化，我获取到了，第一次更新成功，后面就只会有第一次的值代码描述 我用的是initia ...

我是一个很懒的人，很少写博客。为什么？因为技术发展太快了，刚学习记录下来过段时间来看看，发现全都过时了。太浪费感情了。 曾经我也是一个软粉，一个.Net开发者，同学都入坑Android、Java踩着时代的红利拿高薪的时候。我却始终爱着微软。一直到微软彻底抛弃Windows Phone10的时候我才死 ...

Pic Smaller —— 一款超级好用的在线图片压缩工具，基于 Vite + React 实现，直观、移动友好，并且支持压缩配置。 ...

前言 React是前端开发领域中最受欢迎的JavaScript库之一，但有时候在编写React应用程序时，可能陷入一些不佳的习惯和错误做法。这些不佳的习惯可能导致性能下降、代码难以维护，以及其他问题。在本文中，我们将探讨日常工作中应该避免的9个坏React习惯，并提供相关示例代码来说明这些问题以及如 ...

大家好，今天给大家分8款免费 React Gallery, Lightbox, 和 Photo Viewer开发库。 在不断发展的网络开发世界中，开源库提供了大量创新和效率的机会。本文将带您了解一些用于Gallery, Lightbox, 和 Photo Viewer的最好的开源 React 库，为 ...

zustand 和 jotai 是当下比较流行的react状态管理库。其都有着轻量、方便使用，和react hooks能够很好的搭配，并且性能方面，对比React自身提供的context要好得多，因此被很多开发小伙伴所喜爱。 更有意思的是，这两个库的作者是同一个人，同时他还开源了另外一个状态库 va ...

50行代码 实现Redux 核心功能 Redux 帮助你管理“全局”状态 - 那些应用程序的许多部分都需要的状态 redux的核心就是对数据状态进行管理，创建一个数据仓库 官方文档：https://www.reduxjs.cn/ Redux顺序分四大步： 初始化 订阅 发布 执行匹配和更新 <!DO ...