Angular Addicts 第29期：Angular 18.2 新特性、隐式库、独立组件的未来等精彩内容

我的最爱 2024 年 8 月的 Angular 相关资源

👋嘿各位 Angular 发烧友

这是 Angular Addicts 通讯的第 29 期，这是一份每月精选的 Angular 资源汇总，这些是我注意到的资源。（上一期的链接如下：第 28 期，第 27 期，第 26 期）

📢发布通告

📢 Angular 18.2 都有啥新功能？

Angular 18.2 最近已发布，这是 Angular 的最新次要版本。Cédric Exbrayat 介绍了关键的新功能：

• 在 fakeAsync 中实现自动 flush
• whenStable 辅助函数
• 路由器中 defaultQueryParamsHandling 的处理
• 将通过构造函数注入的依赖项迁移至 inject 函数注入
• 将独立组件在路由中使用时转换为懒加载
• 新的诊断功能用于捕捉事件绑定中的未调用函数和未使用的 @let 声明
• 构建器支持基于属性的加载器配置

📢 Nx 19.5 来了！Stackblitz、Bun 支持、Vite 的增量构建功能，还有 Gradle 测试原子化

上个月，Nx发布了它的最新小版本， Zack DeRose 介绍了新功能：

• StackBlitz 支持
• 支持 Bun 和 pnpm v9
• 本地不稳定任务检测
• 项目详细信息视图的增强
• 支持 targetDefaults 的模式匹配
• 各个目标现在可以选择不使用并行处理
• 支持 Vite 的增量构建功能
• Crystal 项目的转换生成器
• 支持 Gradle 复合构建
• 实验性功能：Gradle 测试原子化
• 实验性功能：Nx 发行版新增了基于文件的版本支持
• 支持 React 19 (rc) 和 Angular 18.1

💎2024年8月的Angular珍宝

📰Nx中的隐式库：轻量级Angular架构的约定式构建

曼弗雷德·施泰尔（点击这里查看他的Twitter主页: https://x.com/ManfredSteyer）展示了这样一种架构，在这种架构中，库配置是由Nx插件通过约定生成的。通过约定生成的库（我们可以通过创建一个包含index.ts的文件夹来创建这种库），我们能够通过创建一个包含index.ts的文件夹来创建新的库。

隐式库这个概念来自Younes Jaaidi的博客。他还为此主题提供了一份分步指南。这份指南发布在他的Marmicode博客文章中，并且在Marmicode的指南中也可以找到。

📰在 Angular 18.2 中使用独立模块，https://blog.angular.dev/using-isolatedmodules-in-angular-18-2-68a7d3a6c03d

Angular 18.2 支持 TypeScript 的 isolatedModules 特性。这可能会加快生产构建时间。Mark Thompson 和 Charles Lyding 会解释这项特性是如何工作的，并教你怎么在 Angular 项目中启用它。

📰[未来是独立组件！]

在 Angular 19 中，组件、指令和管道的默认设置将是 standalone: true（独立模式）。Alex Rickabaugh 解释说，NgModule 并不会被淘汰，并且会有一个自动迁移过程，该过程将帮助开发者平滑过渡到新设置。

• 移除现有的独立组件中的 standalone: true，
• 为现有NgModule类型的组件添加 standalone: false 以便它们继续正常工作

📰创建无需环境配置的Angular应用 https://itnext.io/creating-envless-angular-application-0ce3c2ecaddd

在文章中，Maksim Dolgikh 解释了如何从为每个环境编写硬编码的代码转变为可以在任何地方使用的通用构建。他提出了两个方法：

从配置服务器获取配置信息，并在使用Docker拉取镜像时创建JSON配置文件。

新闻文章将一个简单的React组件迁移到Angular

@Nartc1410 比较了 React 和 Angular 的组件，解释了如何在 React Three Fiber 中使用这两个 Selection 和 Select 组件，并提供了如何将这些组件从 React 移植到 Angular 的详细指南。

👨‍💻作者介绍 😊

我的名字是Gergely Szerovay，我多年来一直从事数据科学家和全栈开发人员的工作，现在我担任前端技术负责人，专注于基于Angular的前端开发。作为我的工作内容之一，我一直在关注Angular和整个前端开发领域的发展趋势。为了分享我的知识，我在2022年启动了Angular Addicts月度通讯和出版物，以便每月向您发送我遇到的最佳资源。无论您是经验丰富的Angular开发者还是初学者，我会确保你得到你需要的一切支持。如果您有兴趣成为撰稿人，请告诉我。让我们一起深入学习Angular吧！订阅这里 🔥

Angular 近几年发展得非常快，而在过去一年里，随着生成式 AI 的兴起，我们的软件开发流程也在迅速变化。为了跟上 AI 辅助软件开发的步伐，我决定公开开发 AI 工具，并在 AIBoosted.dev 上分享我的进展。跟我一起踏上这段学习之旅：订阅这里 🚀

可以在这里关注我：Substack (Angular爱好者)，AIBoosted.dev公众号，Medium，Dev.to，Twitter 或 LinkedIn，了解更多关于 Angular 的内容，以及如何利用 AI、TypeScript、React 和 Angular 开发 AI 应用。

🕹️之前的议题

如果你错过了之前的通讯内容，你可以在这里阅读它们（点击这里）here，以下是最近的3期：

• Angular 狂人 #28：Angular 18.1、组件测试指南、SSR 指南及其他
• Angular 狂人 #27：NgRx 18、新 RFC：DomRef API、带有信号的 Web 存储及其他
• Angular 狂人 #26：Angular 18、最佳实践及其他、最近的会议录音及其他

📨 提交你的 Angular 资源帖

最近有没有找到或写过有趣的与Angular相关的文章、推特上的帖子或其他资源？请在评论区告诉我，或者发私信给我Twitter! 我可能会在下期的《Angular Addicts》中提到它哦！