react.js

把一个 Vite + Vue3 应用塞进 qiankun （React + Umi3）主站：十个坑的复盘手上有两个前端应用：需求是把子站的一整个功能域嵌进主站的一个菜单里，同时子站自己的域名要继续独立可用——也就是同一份代码要同时以「独立站」和「微应用」两种形态运行。

用户29869853014

在 React 中用 JavaScript 将 Word 转换为文本在 Web 应用中处理用户上传的 Word 文档时，一个常见的需求是提取其中的纯文本内容。无论是用于内容检索、数据入库，还是作为预览功能的文本层，将 .docx 文件转换为纯文本都是一项基础能力。

狗狗狗狗狗乐啊

搭一个 AI 对话工作台 AChat：从 0 到可用的完整记录（一）这是这个系列博客的第一篇。我用 AI 编程助手协作，从零搭建了一个可本地部署、可扩展的 AI 对话 Web 应用 AChat 记录一下过程中的设计决策与技术踩坑。虽然代码极大部分的使用了 AI 辅助，但是作为记录的博客，我还是愿意亲手码字，只有这样实现一遍总结一遍，才可以巩固知识点。开源地址：https://gitee.com/A_gua/achat（分支：develop）

晓得迷路了

栗子前端技术周刊第 147 期 - React Router 8.4、Vite 云服务攻击、pnpm 12.4...🌰栗子前端技术周刊第 147 期 (2026.09.14 - 2026.09.20)：浏览前端一周最新消息，学习国内外优秀文章，让我们保持对前端的好奇心。

神秘的猪头

React 脱围机制（二）：重新理解 useEffect——它不是生命周期，而是同步外部系统useEffect 大概是 React Hooks 中最容易被滥用的一个。很多人的第一印象来自类组件：

React useMemo 与 useCallback 完全指南：原理、场景与避坑在 React 中，每次组件重新渲染时，函数组件内部的所有变量和函数都会被重新创建。对于简单逻辑这毫无影响，但在以下场景中会带来性能问题：

Web前端周刊2026W38 | React 19.3 发布、StyleX 深潜、jsdom 30.1 提速本周前端生态的主线是重构与治理。React 19.3 正式发布，视图过渡与 Fragment Refs 转为稳定，StyleX、Fallow 则为编码智能体铺路。框架之争再起：《框架还重要吗？》质疑让 AI 直接使用 React，Lovable 的 Rust 开发服务器 OJ 给出另一种答案。W3C 启动支持开源项目试点计划，jsdom 30.1 大幅提速。

晚安日记wanna

React 为何不做双端 diff？Vue 与 React 更新逻辑的三层差异React 单端遍历，拿调度自由度换简单；Vue 双端比对加 LIS，拿 patch 复杂度换 DOM 复用。不是谁更先进，是两笔账。

setImmediate 和 setTimeout(0) 的区别如果你说的是 Node.js 里的 setImmediate() 和 setTimeout(fn, 0)，核心区别在于：它们进入的是不同的 Event Loop 阶段，因此执行顺序取决于代码运行的位置。

用户29869853014

前端如何把 TXT 文本文件转成 Word 文档：React 实践在 Web 应用中，将纯文本文件导出为 Word 文档是一个较为常见的需求，例如把日志、笔记或配置说明整理成可编辑的 .docx 文件。传统做法通常依赖后端服务或 Office 组件，但随着 WebAssembly 技术的发展，纯前端方案也逐渐成熟。本文以一款基于 WebAssembly 的文档处理库为例，介绍在 React 项目中把 TXT 文本文件转换为 Word 文档的实现流程与注意事项。

React Hooks 与闭包闭包 = 自由变量的集合，在外部函数销毁后，内部函数仍能访问这些变量。核心原理：词法作用域规则与"函数执行完毕上下文会被销毁"的规则冲突，JS 引擎将内部函数需要的变量放到堆内存中持久化保存。

接口返回 6 条，页面却有 7 篇：从源码看 React 和 Vue 的重复 key首页推荐列表出了一个问题：接口每次返回 6 条文章，里面有两条 ID 相同。第一次加载能看到重复文章，再点“换一换”，页面竟然多了一篇。

师傅别念了

React Hooks 踩坑合集，全是血泪教训用了两年 React，Hooks 的坑踩了个遍。整理一下最常遇到的几个，都是代码里真实出过的问题。三次 setCount(count + 1) 用的都是同一个 count 值（0），所以结果都是 1。React 会把同一轮渲染中的多次 setState 合并（batching）。

🔥 从执行上下文到 React 陷阱——彻底搞懂 JavaScript 闭包"闭包到底是什么？" 面试被问到闭包，你是不是只能背一句"函数能访问外部变量"？当 React 计数器卡在 1，你知道背后是闭包在作怪吗？

李明卫杭州

React 复合事件系统对比解析目标：一次讲清 React 的「复合事件（SyntheticEvent）」到底是什么、为什么存在、和原生 DOM 事件有什么差异，以及 React 16 → 17 → 18 在事件委托机制上的关键演进。读完后能回答：为什么 e.stopPropagation() 和原生不一样、为什么 React 17 要把事件挂到根容器、以及事件池在新版为何被废弃。

白雾茫茫丶

Vibecoding 一个主题切换动画库：13 种揭幕方式几乎每个站点都有明暗主题切换。点击按钮，页面瞬间从白变黑——功能上是完成了，但体验上像被硬生生拽了一下。

西瓜太郎499

别再手算 Token 成本：用 React 状态机做一个可追溯的模型费用计算器模型价格页能回答“单价是多少”，但工程团队更常问的是另一件事：这批任务跑完大概要花多少？只拿输入单价乘总 Token 会漏掉输出倍率、缓存倍率、分组倍率，遇到阶梯计费还可能直接算错。

Web前端周刊2026W37 | Shopify 转原生、React 编译 Rust 化、Vitest 5.0、Rslib 1.0本周主线是移动端与编译链同时换轨：Shopify 弃 React Native 转原生后，oxc 的 Rust 版编译器把千文件 React 应用构建压到 0.81 秒；Three.js 巴黎首会开启 WebGPU 视觉篇；Vitest 5.0 提速 53% 并带来 Trace View，Rslib 1.0 与 deck.gl 9.4 相继发布，浏览器则有 W3C 日本三十周年回顾。

前端基础之《React（13）—表单绑定、列表渲染》一、表单绑定1、表单取值的标准写法表单的值在event.target.value说明：（1）event‌：事件对象，包含有关事件的详细信息（2）target‌：触发该事件的DOM元素（3）value‌：该DOM元素的value属性值