react

浏览器端 RAG：Transformers.js + WebGPU 本地检索入门《AI 前端实战》第 7/8 篇上篇：Agent 前端状态机（多工具并发、Abort 与错误隔离）下篇预告：AI 前端监控与降级

人间凡尔赛

React Compiler 1.0 正式落地：告别 useMemo / useCallback，2026 前端性能优化的新范式![React Compiler 2026 性能优化新范式](https://picsum.photos/seed/17860835652019/800/400)

生成式 UI 实战：用 JSON Schema + React 动态渲染 AI 界面《AI 前端实战》第 5/8 篇上篇：Tool Calling 前端接入下篇预告：Agent 前端状态机

美的AI Agent面试题的解析与思考近期整理了美的AI Agent方向实习面试全套真题。整套题目看似基础、偏向概念，但每一题都在筛选真正懂工程落地、而非只会背理论的候选人。

程序员AI工坊

Agent 开发：ReAct 循环与工具调用实战——从单次调用到自主 Agent接上篇《Agent 开发入门：Function Call 实战》。上篇讲的是"单次调工具"，本篇让它循环起来——这就是 Agent 从"工具人"变成"自主执行者"的关键一步。

名字还没想好☜

React 用 Portal + Context 实现全局 Toast:一次调用、自动消失与队列管理做后台系统时,几乎每个页面都要弹提示:保存成功、网络错误、权限不足。如果每个页面都自己维护一个 visible 状态、写一段 setTimeout 关闭,重复代码满天飞,还经常出现「多个提示叠在一起互相覆盖」的 bug。

AI 辅助：前端框架反模式：过度封装、状态滥用与副作用失控React、Vue、Svelte 都能写出好项目，也都能写出灾难。前端框架的问题，很多时候不是框架本身，而是团队把坏边界包装成“架构”。过度封装的 hooks、万能组件、全局状态滥用、隐藏副作用，这些反模式会让项目越来越难改。

Vue vs React vs Angular：前端框架终极对决在当今的Web开发领域，前端框架已经成为构建现代Web应用的标配工具。它们通过解决原生开发中的核心痛点，让开发者能够更高效地创建复杂、交互丰富的用户界面。‌

前端框架选型决策框架：React、Vue、Svelte、Solid 的 2026 年横评框架选型是前端团队最早做出的架构决策，也是最难回撤的。2026 年的框架格局已经从"两强争霸"演变为"四极共存"——React 仍是市场主流，Vue3 完成生态闭环，Svelte 证明编译范式的可行性，Solid 用信号模型挑战 React 的心智负担。本文不给出"哪个最好"的结论，而是提供一套可复用的决策框架。

【AI应用开发】 Agent篇（三）：规划推理：ReAct 与 Plan-Execute工具调用让 Agent 有了"手"，但还是不够聪明——面对复杂任务，它需要知道先做什么、后做什么、遇到意外怎么办。

名字还没想好☜

React useImperativeHandle 实战:让父组件安全地调用子组件的方法写表单时你大概遇到过这个场景:父组件里有个「提交」按钮,点它要先让子组件里的输入框校验、聚焦到第一个错误项、或者清空重置。问题是 React 是单向数据流,父组件拿不到子组件内部的 DOM 和方法,只能往下传 props。

【AI应用开发】ReAct 原理是什么？和普通直接提问 LLM 差别在哪？ReAct = Reasoning（推理）+ Acting（行动），是一种让 LLM 在解决问题时"边想边做"的范式。

名字还没想好☜

React 用 IntersectionObserver 实现图片懒加载与无限滚动:封装一个 useInView Hook列表页一次渲染几十张图,首屏还没露脸的图片全都在偷偷加载,首屏白屏时间被拖长;或者做「滚到底自动加载下一页」,你监听 scroll 事件算 scrollTop + clientHeight >= scrollHeight,结果滚动时卡顿、还得手动防抖。这两个需求其实是同一个问题:怎么知道某个元素进没进视口。老办法(监听 scroll + getBoundingClientRect)又费性能又难写,现代做法是 IntersectionObserver。这篇带你封装一个可复用的 useInView Hook,

名字还没想好☜

Next.js ‘use client‘ 到底加在哪:Server/Client Components 边界与常见报错用 Next.js App Router 写页面,你迟早会撞上这个红屏:You're importing a component that needs useState. It only works in a Client Component but none of its parents are marked with "use client"。或者反过来——加了 'use client' 后,async 组件、直接读数据库的代码全报错。这篇把 Server / Client Components 的边

人间凡尔赛

React Compiler 正式落地一年：告别手动 useMemo/useCallback 的全栈实践![封面](https://picsum.photos/seed/178573765850/800/400)

WebSocket实现PDF翻译进度实时推送：Go后端+React前端的完整方案做过PDF翻译功能集成的同学都遇到过这个问题：翻译一个50页的PDF可能需要几十秒到几分钟，如果只是显示一个转圈圈的loading，用户体验很差——不知道进度、不知道卡在哪里、不知道还要等多久。

名字还没想好☜

React 受控输入框光标跳到末尾:格式化输入时的 selection 丢失 bug 与修复做过手机号、银行卡号、金额千分位这类输入框的人多半遇到过:你在字符串中间改一个字,光标「啪」地跳到了最后。用户想在第 3 位后面插个数字,结果每敲一下光标就弹到末尾,体验极差。这不是浏览器的锅,是受控组件在格式化时把光标位置弄丢了。这篇讲清楚原因和几种修法。

名字还没想好☜

Next.js App Router 约定式文件实战:loading、error、not-found 怎么兜住加载态与异常用 Next.js App Router 写页面,你迟早会遇到这三个问题:很多人第一反应是在组件里手写 isLoading、try/catch、if (!data) return <NotFound/>。但 App Router 提供了约定式文件——在路由目录里放特定文件名,框架自动帮你接管加载态、错误态和 404。这篇把 loading.tsx、error.tsx、not-found.tsx 三个一次讲透。

名字还没想好☜

React createPortal 实战:模态框逃出 overflow:hidden、事件冒泡与焦点管理写模态框(Modal)时你大概率遇到过这个诡异现象:弹窗明明该盖住全屏,结果只在某个卡片内部显示一小块,还被父容器的滚动条截断了。加 z-index: 9999 也没用。

人间凡尔赛

React Compiler + Server Components 实战：2026 前端全栈开发新范式![封面图](https://picsum.photos/seed/1784873462195/800/400)