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 ...

基于React的SSG静态站点渲染方案 静态站点生成SSG - Static Site Generation是一种在构建时生成静态HTML等文件资源的方法，其可以完全不需要服务端的运行，通过预先生成静态文件，实现快速的内容加载和高度的安全性。由于其生成的是纯静态资源，便可以利用CDN等方案以更低的成 ...

初探富文本之基于虚拟滚动的大型文档性能优化方案 虚拟滚动是一种优化长列表性能的技术，其通过按需渲染列表项来提高浏览器运行效率。具体来说，虚拟滚动只渲染用户浏览器视口部分的文档数据，而不是整个文档结构，其核心实现根据可见区域高度和容器的滚动位置计算出需要渲染的列表项，同时不渲染额外的视图内容。虚拟滚动 ...

在目录结构中，我们精心创建的每一个文件最终都会经过处理，转化为相应的页面路由。然而，值得注意的是，某些特殊文件格式在生成过程中并不会被当作路由路径来处理。 app |-auth login page.tsx password page.tsx //最后生成的路由路径 //·localhost:300 ...

Qwerty Learner —— 一款为键盘工作者设计的单词记忆与英语肌肉记忆锻炼软件，主要服务于以英语作为主要工作语言的键盘工作者。 ...

最近在用next写一个多语言的项目，找了好久没找到简单实现的教程，实践起来感觉都比较复杂，最后终于是在官方文档找到了，结合网上找到的代码demo，终于实现了，在这里简单总结一下。 此教程适用于比较简单的项目实现，如果你是刚入门next，并且不想用太复杂的方式去实现一个多语言项目，那么这个教程就挺适合 ...

这两天为了重启五年前基于 React Native（版本 0.59.9）开发的老项目，经过各种填坑查询等操作，最终把它成功地运行起来了。 在这篇文章中，我将详述那些遭遇的挑战以及对应的解决方案，以期为同样面临此类困境的开发者提供宝贵的经验参考。 这个项目涉及到的环境基本版本信息如下： react: ...

React 学习之 createElement React 元素 在 React 中，元素是 React 应用的最小构建块。 一个 React 元素是 React 对象的一个轻量级、静态的表示。 它们被 React 用于知道屏幕上什么应该被渲染，并在数据改变时保持 UI 的更新。 React 元素是 ...

React 学习之 Hello World React 简介 React是一个用于构建用户界面的JavaScript库，由Facebook开发并维护。React通过声明式的方式来构建UI，使得代码更易于理解和测试。React的核心概念包括组件（Component）和虚拟DOM（Virtual DOM ...

安装react-native-fs npm npm install react-native-fs --save yarn yarn add react-native-fs 安卓配置 android/settings.gradle ... include ':react-native-fs' pro ...

1.需求描述 根据项目需求，采用Antd组件库需要封装一个评论框，具有以下功能： 支持文字输入 支持常用表情包选择 支持发布评论 支持自定义表情包 2.封装代码 ./InputComment.tsx 1 import React, { useState, useRef, useEffect, for ...

一、react-transition-group 使用 相关技术的使用： React 18 React router v6 React Transition Group 是一个 React 库，专门用于在 React 应用中管理和处理过渡动画效果。这个库提供了一组组件，包括 Transition、C ...

react-native工程打包成apk 1. 生成签名密钥 使用jdk自带的keytool生成密钥 以管理员身份运行如下命令 keytool -genkey -v -keystore my-test3-key.keystore -alias my-key-test3 -keyalg RSA -ke ...