本周我们将探讨 React 理论、Claude 如何为开发者生成工件、最新 TypeScript 版本以及 Project IDX。
译自Is React Now a Full Stack Framework? And Other Dev News，作者 Loraine Lawson。
也许我们并没有生活在后 React 世界，而是生活在一个新的 React 范式中：React 正在成为一个全栈框架，软件工程师和自由开发者Robin Wieruch最近争论道。
“这仅仅是 React 全栈开发的开始，”Wieruch 写道。“随着开发者开始通过 Server Components 和 Server Actions 直接访问数据库，在超越简单 CRUD 应用程序的复杂性方面，将会有一个学习曲线。”
Wieruch 补充说，这将使前端开发者能够快速掌握实现具有层级、设计模式和最佳实践的后端架构。
Claude 现在可以生成工件
工件为 Claude AI 用户提供了一个专用窗口来查看、迭代和构建在 Claude 中创建的任何工作。对于开发者来说，这提供了一个单独的窗口来查看代码或从代码库创建架构图，据 Claude 团队称。
“工件将与 Claude 的对话变成了更具创造力和协作性的体验，”Claude 博客指出。“有了工件，您将拥有一个专用窗口，可以立即查看、迭代和构建您使用 Claude 创建的工作。”
Claude.ai 的屏幕截图
工件现在可供所有Claude.ai用户在平台的免费、专业版和团队计划中使用。工件也可以在 Claude 的 iOS 和 Android 模型上创建和查看。它还可以创建：
- 代码片段
- 流程图
- SVG 图形
- 单页 React 或 HTML 网站
- 交互式仪表板
- 插入图片
Anthropic 的帖子包含一个视频，描述了此功能是如何创建的，并探讨了开发之外的其他用例，但要更深入地了解如何使用它来构建 Web 应用程序，请查看Pragmatic Engineer 的这篇帖子，它深入探讨了工件的功能和创建。
“虽然这个功能很小，但感觉它可能是使用 LLM 进行协作工作的一大飞跃——因为每个工件都可以共享、供其他人使用和重新组合，”Gergely Orosz解释道，他撰写了 Pragmatic Engineer。
使用 TypeScript 捕获更多错误
TypeScript 5.6 的候选版本已经发布，Microsoft TypeScript 产品经理 Daniel Rosenwasser提供了新功能的汇总，包括禁止空值和真值检查以捕获更多错误。Rosenwasser 列出了几个代码示例，这些代码没有按照作者的意图执行，但仍然是有效的 JavaScript 代码。他写道，以前 TypeScript 只是接受这些示例。现在不再了。
“但通过一些实验，我们发现可以从标记上面这些可疑示例来捕获许多错误，”他写道。“在 TypeScript 5.6 中，当编译器能够语法上确定真值或空值检查将始终以特定方式评估时，它现在会报错。”
“但通过一些实验，我们发现可以从标记上面这些可疑示例来捕获许多错误。”
— Daniel Rosenwasser，Microsoft TypeScript 产品经理
TypeScript 5.6 还引入了一种名为 IteratorObject 的新类型，并且该帖子提供了关于如何定义它的代码示例。
Rosenwasser 写道，有一个 AsyncIteratorObject 类型用于奇偶校验。
“AsyncIterator 尚未作为 JavaScript 中的运行时值存在，它为 AsyncIterables 带来了相同的方法，但它是一个积极的提案，这种新类型为此做好了准备，”他解释道。
Project IDX 将代码编辑器与语言和工具相结合
Project IDX是一种基于浏览器的开发体验，它建立在 Google Cloud Workstations 之上，并由Codey提供支持，Codey 是一种基于代码训练的、建立在 PaLM 2 之上的基础 AI 模型。它的目标是简化构建、管理和部署全栈 Web 和跨平台应用程序，并使用流行的框架和语言。
Project IDX 项目旨在统一开发环境的两个主要部分：代码编辑器以及构建及运行代码所需的语言和工具，该团队在最近一篇有关过去一年 Project IDX 开发历程的反思文章中写道。
“Project IDX 的核心是我们坚信你应该能够在任何地方、任何设备上进行开发，并且能充分利用本地开发的高保真度。”Project IDX 团队在去年介绍该项目时写道。“每个 Project IDX 工作空间都具备基于 Linux 的虚拟机的全部功能，以及托管在云中（在你附近的某个数据中心中）带来的通用访问优势。”
今年的更新指出，Project IDX 团队关注三个领域：
- 利用 Gemini 支持的生成式人工智能工具来提高开发人员的工作效率。
- 通过项目模板和集成来重新定义“快速入门”的含义。
- 使用 Flutter、React Native 以及即将推出的 Android Studio 将原生移动应用程序开发引入浏览器。
该团队已将 Gemini 提供的生成式人工智能功能集成到了代码中。
今年的更新指出，Project IDX 团队关注三个领域：利用 Gemini 支持的生成式人工智能工具来提高开发人员的工作效率。通过项目模板和集成来重新定义“快速入门”的含义。使用 Flutter、React Native 以及即将推出的 Android Studio 将原生移动应用程序开发引入浏览器。该团队已将 Gemini 提供的生成式人工智能功能集成到了代码中。
本文在云云众生（https://yylives.cc/）首发，欢迎大家访问。
