跳到主要内容

4 篇博文 含有标签「前端架构」

查看所有标签

React 19 放到 AI 产品里,真正有用的是哪几类能力

· 阅读需 6 分钟
一介布衣
全栈开发者 / 技术写作者

补档说明:本文属于「AI 工程落地周记」系列,计划发布时间为 2025-04-10 20:15。当前先保留为草稿,后续补充真实案例、代码片段和复盘细节后再发布。

React 19 正式落地之后,前端圈很自然会讨论“它到底带来了什么变化”。但如果把场景缩小到 AI 产品,我更关心的不是版本号本身,而是哪些能力真的能改善 AI 交互中的真实问题。因为 AI 产品前端和普通内容站点不太一样,它天然会面对几类更极端的状态:

  • 响应慢
  • 状态切换频繁
  • 流式结果不断变化
  • 表单和生成链路交织
  • 用户经常要在“等待”“修改”“继续执行”之间来回切换

在这种场景里,前端体验的核心不是“页面够不够炫”,而是“用户会不会在等待和变化中失去控制感”。从这个角度看,React 19 真正有价值的能力,并不是平均意义上的升级项,而是那些能让状态过渡更顺、交互反馈更稳、异步处理更自然的能力。

对话产品前端,为什么流式输出体验值得单独设计

· 阅读需 7 分钟
一介布衣
全栈开发者 / 技术写作者

补档说明:本文属于「AI 工程落地周记」系列,计划发布时间为 2025-04-28 20:15。当前先保留为草稿,后续补充真实案例、代码片段和复盘细节后再发布。

如果只拿一个具体页面来说这个问题,我会选“运营助手”里的改写面板。

这个面板的交互表面很普通:用户贴一段原始文案,点“优化”,系统开始生成一版可发布草稿。我们最早做的时候,认为流式输出只是锦上添花,于是做了一个很自然的版本:后端流式返回 token,前端就把 token 不断 append 到页面里。能跑,效果也看起来很“AI”。

但上线一周后,反馈几乎都集中在体验而不是效果上:

  • “它到底是还没生成完,还是卡住了?”
  • “我想复制刚才那句,结果它还在跳。”
  • “中间突然停了三秒,我以为挂了。”
  • “我点了继续生成,怎么前面那段也被改了?”

这时候我才真正意识到:对话产品前端里,流式输出不是一个展示细节,而是一整套状态管理问题。模型决定内容质量,前端决定用户是否愿意把这个过程当成一个可靠工具来使用。

一次前端流式渲染体验优化记录

· 阅读需 2 分钟
一介布衣
全栈开发者 / 技术写作者

补档说明:本文属于「AI 工程落地周记」系列,计划发布时间为 2025-06-25 10:20。当前先保留为草稿,后续补充真实案例、代码片段和复盘细节后再发布。

这次优化很小,但非常值钱。问题出在一个对话页:模型流式返回 token 时,我们最初每收到一段就直接 setState 一次,结果页面在长回答场景里会明显抖动,尤其是移动端更明显。

最初大家直觉上以为这是“模型流太慢”或者“前端机器太差”,但真正看性能面板后才发现,问题不是响应慢,而是我们把过多的小更新直接推给了 React 渲染。

BFF 在 AI 产品里重新变得重要了吗

· 阅读需 2 分钟
一介布衣
全栈开发者 / 技术写作者

补档说明:本文属于「AI 工程落地周记」系列,计划发布时间为 2026-02-04 11:40。当前先保留为草稿,后续补充真实案例、代码片段和复盘细节后再发布。

围绕「BFF 在 AI 产品里重新变得重要了吗」,我希望沉淀出一个能被后续项目复用的判断框架。

主文以完整判断链路为主,重点写清背景、取舍、工程落地和复盘结论。