React on 编程心语 https://www.ithome.me/tags/react/ Recent content in React on 编程心语 Hugo zh-CN Tue, 04 Aug 2026 14:59:27 +0800 Webpack Module Federation 实战：构建企业级微前端应用 https://www.ithome.me/post/2026/07/30/module-federation-practical-guide/ Thu, 30 Jul 2026 08:00:00 +0800 https://www.ithome.me/post/2026/07/30/module-federation-practical-guide/ <h2 id="为什么需要-module-federation">为什么需要 Module Federation？</h2> <p>传统微前端方案（iframe、路由分发、乾坤 qiankun）各有痛点：</p> <table> <thead> <tr> <th>方案</th> <th>缺点</th> </tr> </thead> <tbody> <tr> <td>iframe</td> <td>上下文隔离强但通信麻烦，SEO 不友好</td> </tr> <tr> <td>路由分发</td> <td>多应用需独立部署，体验割裂</td> </tr> <tr> <td>qiankun</td> <td>侵入性强，子应用改造成本高</td> </tr> </tbody> </table> <p><strong>Webpack 5 Module Federation</strong> 提供了一种全新的思路：在构建时定义共享模块，运行时动态加载远程代码，子应用和主应用共享同一个运行时，通信零成本。</p> 推理模式：ReAct与Plan-and-Execute https://www.ithome.me/post/2026/07/05/ai%E6%99%BA%E8%83%BD%E4%BD%93%E5%BC%80%E5%8F%91-%E7%AC%AC6%E7%AB%A0-%E6%8E%A8%E7%90%86%E6%A8%A1%E5%BC%8F/ Sun, 05 Jul 2026 08:00:00 +0800 https://www.ithome.me/post/2026/07/05/ai%E6%99%BA%E8%83%BD%E4%BD%93%E5%BC%80%E5%8F%91-%E7%AC%AC6%E7%AB%A0-%E6%8E%A8%E7%90%86%E6%A8%A1%E5%BC%8F/ <h2 id="61-引言推理模式决定agent的思维方式">6.1 引言：推理模式决定Agent的思维方式</h2> <p>在前几章里，我们已经搭好了智能体的&quot;骨架&quot;——大模型、工具调用、提示工程。但骨架本身不会思考，真正决定一个智能体&quot;怎么想&quot;的，是它的<strong>推理模式（Reasoning Pattern）</strong>。</p> 智能体架构设计：从简单到复杂 https://www.ithome.me/post/2026/07/05/ai%E6%99%BA%E8%83%BD%E4%BD%93%E5%BC%80%E5%8F%91-%E7%AC%AC2%E7%AB%A0-%E6%9E%B6%E6%9E%84%E8%AE%BE%E8%AE%A1/ Sun, 05 Jul 2026 08:00:00 +0800 https://www.ithome.me/post/2026/07/05/ai%E6%99%BA%E8%83%BD%E4%BD%93%E5%BC%80%E5%8F%91-%E7%AC%AC2%E7%AB%A0-%E6%9E%B6%E6%9E%84%E8%AE%BE%E8%AE%A1/ <h2 id="1-引言为什么需要不同的agent架构">1. 引言：为什么需要不同的Agent架构</h2> <p>在第1章中，我们建立了对AI智能体（AI Agent）的基本认知：智能体是一个能够<strong>感知环境、自主决策、执行行动</strong>并持续循环直到完成目标的系统。如果把大语言模型（LLM）比作&quot;大脑&quot;，那么架构就是大脑与手脚之间的&quot;神经系统&quot;——它决定了智能体如何思考、何时行动、如何反馈。</p> 从零实现ReAct Agent：手写思考-行动循环的智能体 https://www.ithome.me/post/2026/06/15/%E4%BB%8E%E9%9B%B6%E5%AE%9E%E7%8E%B0react-agent%E6%89%8B%E5%86%99%E6%80%9D%E8%80%83-%E8%A1%8C%E5%8A%A8%E5%BE%AA%E7%8E%AF%E7%9A%84%E6%99%BA%E8%83%BD%E4%BD%93/ Mon, 15 Jun 2026 08:00:00 +0800 https://www.ithome.me/post/2026/06/15/%E4%BB%8E%E9%9B%B6%E5%AE%9E%E7%8E%B0react-agent%E6%89%8B%E5%86%99%E6%80%9D%E8%80%83-%E8%A1%8C%E5%8A%A8%E5%BE%AA%E7%8E%AF%E7%9A%84%E6%99%BA%E8%83%BD%E4%BD%93/ <h2 id="什么是react-agent">什么是ReAct Agent？</h2> <p>大多数现代AI智能体（ChatGPT、Claude、Copilot等）底层都运行着一个核心模式：<strong>思考→行动→观察</strong>（Thought → Action → Observation）。这就是2022年Yao等人提出的ReAct框架。</p>