react.js

初遇你时动了情

react/vue vite ts项目中，自动引入路由文件、 import.meta.glob动态引入路由无需手动引入import.meta.glob(‘@/pages/supplier/**/index.tsx’); 自动获取pages/supplier目录下的所有页面传递给generateNestedRoutes返回路由不限制层级，可以一二级也可以一二三四级别等等

伍哥的传说

React 英语打地鼠游戏——一个寓教于乐的英语学习游戏一个寓教于乐的英语学习游戏，通过经典的打地鼠玩法帮助用户学习英语单词。让学习英语变得更有趣！ 🎉通过游戏化的方式，让孩子在快乐中学习英语，在游戏中提升词汇量。这不仅仅是一个游戏，更是一个寓教于乐的学习工具。

React中的forwardRef：打破父子组件间的"隔墙"大家好，我是你们的老朋友FogLetter，今天我们来聊聊React中一个非常实用但容易被忽视的API——forwardRef。这个API就像是在父子组件之间架起了一座桥梁，让我们能够"穿透"组件边界直接访问子组件中的DOM元素或组件实例。

useMemo & useCallback ：React 函数组件中的性能优化利器在日常开发中，我们经常会遇到组件频繁刷新或计算逻辑重复执行的问题，特别是在处理复杂应用时，这种现象会显著拖慢页面性能。

使用命令行一键创建后台页面最近做后台项目，后台的很多页面都是类似的，都是一些表格、表单等。如图所示，为了提高效率，我们可以使用命令行一键创建后台页面。

10年前端老司机

React CSS 终极指南：从行内样式到模块化，打造完美组件样式方案首先创建一个react项目，执行npx create-react-app react-css然后再创建一个components，文件夹，在本篇中以一个例子会在components下创建一个组件来进行演示。

从 "无中生有" 到 "以假乱真"：Mock 是如何 "拦截" 你的请求的？当你在前端项目中写下 axios.get('/api/list') 并顺利拿到数据时，有没有想过一个问题：如果后端接口压根没开发，这些数据是从哪来的？Mock 工具就像一位隐形的魔术师，在你看不到的地方完成了一场 "偷天换日" 的表演 —— 拦截你的请求，返回预设的数据，让前端开发彻底摆脱对后端的依赖。

React性能优化实战：掌握memo、useCallback与useMemo的精妙用法在React开发中，性能优化是一个永恒的话题。每当组件状态变化时，React默认会重新渲染该组件及其所有子组件。这在小型应用中可能不是问题，但随着应用规模扩大，不必要的重渲染会带来明显的性能损耗。今天，我们将通过一个实际案例，深入探讨如何利用React的优化工具memo、useCallback和useMemo来提升应用性能。

CSS模块化：告别样式冲突，拥抱组件化开发大家好，我是FogLetter，今天想和大家聊聊前端开发中一个既基础又重要的主题——CSS模块化。相信很多开发者都遇到过这样的困扰：明明只改了一个按钮的样式，结果整个页面的按钮都变了样；或者引入第三方组件库后，自己的样式被覆盖得一塌糊涂。这些问题，CSS模块化都能帮你解决！

小飞机噗噗噗

记录js使用原生 XMLHttpRequest方法封装http请求，并提供使用实例封装的接口使用：好了，简单的封装了api的请求实例，以后在不同项目中也能直接复用了，尤其是一些比较小的项目，对包大小有限制的一些项目最为实用。

超级土豆粉

Taro 路由相关 API 详解与实战在多端应用开发中，页面路由是最基础也是最重要的功能之一。Taro 作为一款多端统一开发框架，提供了与微信小程序一致的路由 API，帮助开发者在小程序、H5、React Native 等平台上实现一致的页面跳转和路由管理。本文将详细介绍 Taro 路由相关的常用 API，包括：

前端小趴菜05

React 中使用immer修改state摆脱“不可变”Immer 是一个小型的 JavaScript 库，它让你可以以可变的方式来编写代码，而最终得到的是不可变的数据。想象一下，你可以直接拿起积木修改积木塔，而最后呈现给 React 的是一个全新搭建好的积木塔。这就是 Immer 为我们做的事情。它使用了 Proxy（在现代 JavaScript 环境中）或 ES5 的 Object.defineProperty 来实现这一魔法。

wordle game（猜词游戏）小demo【react + ts】wordle game（猜词游戏）小demo。绿色代表字母对位置对，黄色代表字母对位置错，灰色是都错。

React钩子HOOK通了一遍react之后，就剩下写项目去积累经验了。这篇博客来复盘一下常用的react函数组件的钩子以及不常用的钩子。钩子只能在react组件和自定义钩子的时候使用。

伍哥的传说

React探索高性能Tree树组件实现——react-window、react-vtree在现代 Web 应用中，处理大量层级数据的树形结构是一个常见挑战。传统的树组件在面对成千上万个节点时往往会出现性能瓶颈，导致页面卡顿、内存占用过高等问题。本文将深入探讨如何使用 react-window 和 react-vtree 构建高性能的虚拟化树组件，实现流畅的用户体验。react-virtualized-auto-sizer 用于自动调整容器大小。

【React】npm install报错npm : 无法加载文件 D:\APP\nodejs\npm.ps1，因为在此系统上禁止运行脚本。使用vsCode打开react项目安装依赖时报错，把terminal打开的powershell改成command prompt即可

啃火龙果的兔子

nextjs+react接口会请求两次？在 Next.js 应用中，你可能会遇到 API 请求被发送两次的情况。以下是常见原因和解决方案：Next.js 默认启用 React 的 StrictMode，在开发环境下会故意渲染两次组件以帮助发现潜在问题。

爱学习的茄子

前端提效实战：在 Vite 项目中集成 Mock 服务并实现 API 的优雅切换嗨，各位掘金的朋友们，大家好！在现代全栈开发的浪潮中，我们前端工程师常常会遇到一个甜蜜的烦恼：项目启动了，设计稿有了，但后端的接口还在“路上”。难道我们就要泡好咖啡，坐等后端同学完成 API 吗？当然不！今天，我就和大家分享一个前端开发的提效秘籍，让你彻底摆脱这种依赖，实现前端独立开发，它就是——前端Mock。

🔥React性能优化全攻略：剖析、工具与实战策略深入解析React性能瓶颈，掌握企业级应用的极致优化技巧在现代前端应用中，性能问题直接影响用户体验和业务转化。根据2025年Web性能基准报告：

forwardRef ：打破函数组件封装限制的技巧在 React 开发中，我们经常会遇到这样一个需求：如何让父组件直接访问子组件内部的 DOM 元素或组件实例？例如，点击按钮时自动聚焦某个输入框，或者直接调用子组件的方法。