开发者工具箱｜编程·开发工具·资源

Navigation API 进入 Baseline 正式可用

Navigation API 已于 2026 年 1 月达到 Baseline Newly Available 状态，成为替代传统 History API 的客户端导航管理接口。

- 作为 History API 的现代替代，提供统一事件模型和更完善的历史管理
- 核心功能包括 navigate 事件、自动 URL 更新与集成错误处理
- 现已支持 Chrome、Edge、Firefox 147 及 Safari 26.2 等主流浏览器

原文链接

#开发者 #工具

📢 频道：@DevToolboxHub

React Compiler 1.0 实战评测

开发者在一套中型生产应用上启用 React Compiler 1.0，测试其自动记忆化效果。

- 启用简单：安装 Babel 插件并配置，编译时自动记忆组件；实测列表视图重渲染次数从8次降至2次。
- 优势：自动缓存数据派生组件，对未手动记忆的代码效果显著；但已有良好记忆覆盖的组件提升有限。
- 注意：不能粗暴删除所有手动记忆化（useMemo 等），需逐步验证，否则可能引发无限循环。useEffect 依赖仍需手动处理。
- 框架支持：Next.js 16 默认启用；Vite 8 需使用 @rolldown/plugin-babel 配置；Expo SDK 54 默认模板开启。

原文链接

#开发者 #工具

📢 频道：@DevToolboxHub

Power Automate 五种 UI 关系拆解

Workflows 是 Copilot Studio 内的自动化构建器，预览中部分地区上线。其底层仍是 Power Automate flows，而 Power Automate 本身构建于 Logic Apps 之上。目前共有 5 种 UI 用于构建流程：

- Logic Apps（含代码编辑器，基础架构）
- Classic UI（旧版界面）
- V3 UI（当前主要版本，侧边栏 + Copilot）
- Agent Flows（Copilot Studio 内专用，modernflowtype:1）
- Workflows（最新预览，modernflowtype:1）

近期 Logic Apps 与 Power Automate 分离，后者采用独立基础设施 SelfHostMultiTenant，并出现新 HTTP 触发器 URL 和 Express 模式。Workflows 获得主要投资，可能逐步取代 Agent Flows。

https://dev.to/wyattdave/from-logic-apps-to-workflows-and-what-it-means-4ook

#开发者 #工具

📢 频道：@DevToolboxHub

用 Telegram + Claude 实现非开发者自主改代码

一位开发者利用 Telegram Bot、AWS 无服务器和 Claude Agent SDK，构建了一个让非技术用户通过聊天指令修改 PWA 应用的 Agent。用户在 Telegram 里用自然语言描述需求，Agent 自动改代码、验证、部署预览，审批后才合并上线。

关键设计：
- 架构：用户消息 → Telegram Bot → API Gateway → Lambda → Bedrock AgentCore（运行 Claude） → 修改代码 → 验证 → 部署到 S3/CloudFront → 返回预览链接 → 用户确认后合并
- 安全：系统指令限定只改 src/ 和 tests/、必须通过 npm run validate、禁止跳过验证部署、不允许重构无关代码，且只有授权用户可访问
- 部署：单个 CDK stack 创建所有资源（API Gateway、Lambda、AgentCore 容器、S3/CloudFront、GitHub 密钥），cdk deploy 一键完成

开源仓库：github.com/singledigit/pipelayer-agent

#开发者 #工具

📢 频道：@DevToolboxHub

400+ 工具转向：专为开发者调试打造

一名开发者分享构建 100Plus Tools 平台的经验：最初做通用工具，数据表明开发者更需要专用调试利器，于是全面转向。

- 平台现有 420+ 浏览器内工具，聚焦 API 处理、数据转换、JSON 格式化、JWT 解码、webhook 调试，注重隐私且无需安装。
- 推出三款 Chrome 扩展：API Detective 实时抓取网页后台 REST/GraphQL/WebSocket 请求；API Error Decoder 将 4xx/5xx 错误及 CORS 故障转为易懂解释；DevTab 替换新标签页，集成书签、工具快捷入口。
- 开发者反馈：仍亟需轻量、快速、无追踪的日常工具，如更快的编码助手或调试面板。

原文

#开发者 #工具

📢 频道：@DevToolboxHub

云计算与 AWS 入门指南

一篇面向初学者的云计算与 AWS 基础教程，覆盖核心概念、服务模型、主流云厂商对比及入门实操要点。

要点：
- 介绍 IaaS、PaaS、SaaS 三种服务模型，以及公有云、私有云、混合云的适用场景
- 对比三大云厂商：AWS（市场领先，200+ 服务）、Azure（企业集成）、Google Cloud（Kubernetes/数据工程）
- AWS 入门必备知识：Region/AZ、核心服务（EC2/S3/VPC/IAM/ELB/Auto Scaling/RDS/CloudFormation）
- 学习前提：Linux 基础、网络概念、安全基础，建议创建 IAM 用户替代 root 账号

🔗 资源
原文
GitHub：GitHub

#开发者 #工具

📢 频道：@DevToolboxHub

用Claude读半年回顾，挖出三件被忽略的事

一位PM分享了如何让Claude通过Kollabe、Atlassian和GitHub的MCP服务器，每周自动扫描26周回顾、行动项和站会记录，生成结构化摘要。

- 行动项中位年龄从47天降至14天，免去手动排查
- 发现三件被忽略的事：一个已修复的部署问题、代码审查等待时间悄悄变差、会议超负荷回潮
- MCP方案比手动脚本更灵活，可逐步迁移到定时任务

原文链接

#开发者 #工具

📢 频道：@DevToolboxHub

停止滥用 useEffect 的实践指南

作者 Tharun Lingala 分享了他从滥用 useEffect 到精准使用的经验。核心观点：useEffect 仅用于同步 React 外部的事件（浏览器 API、第三方库、网络请求等）。要点如下：

- 避免用 useEffect 同步状态到状态：用直接计算派生值代替，减少不必要的渲染。
- 数据获取推荐用 React Query 或 SWR，自动处理加载、错误、竞态条件和缓存。
- 事件监听、定时器、WebSocket 等外部 API 同步是 useEffect 的合理场景，务必添加清理函数。
- 将 useEffect 封装到 custom hook 中，保持组件代码简洁清晰。

原文

#开发者 #工具

📢 频道：@DevToolboxHub

Hermes Agent 如何解决本地 Agent 的 JSON 开销

标准框架在本地小模型上运行时，需要将完整 JSON schema 塞进 system prompt，导致上下文膨胀、token 浪费，并在第 3–4 次工具调用时因丢闭合括号而崩溃。Hermes Agent 绕过这一开销：

- 利用底层 Nous Hermes 模型对 XML 标签的原生微调，将工具路由从 prompt 层下移到 token 生成层，无需大量 system prompt 控场
- 通过 <scratchpad> 与 <tool_call> 标签隔离推理与执行，防止思维过程干扰语法
- 同等工具链路在本地 8B 量化模型上即可稳定运行，节省 VRAM 并消除 JSON 校验崩溃

原文链接

#开发者 #工具

📢 频道：@DevToolboxHub