Angular Addicts # Angular（使用新的 @let 语法）、组件测试、SSR 指南等

?嘿，Angular 瘾君子

这是 Angular Addicts Newsletter 的第 27 期，这是每月精选的引起我注意的 Angular 资源合集。 （这里是27号、26号、25号）

?发布公告

? Angular 18.1 有哪些新功能？

Angular 18.1，Angular 的最新次要版本，于 7 月发布。 Cédric Exbrayat 介绍了主要的新功能：

• TypeScript 5.5 支持
• @let 语法
• afterRender / afterNextRender API
• 信号相等函数
• RouterLink 与 UrlTree
• 路由器浏览器Url
• 未调用函数的扩展诊断
• Angular CLI：使用isolatedModules、WASM 支持、检查选项、块优化器更快地构建

?2024 年 7 月的角度宝石

? Angular 服务器端渲染 (SSR) 完整指南

Alexander Thalhammer 解释了服务器端渲染 (SSR)、静态站点生成 (SSG)、水合作用和事件重播。他展示了如何在 Angular 应用程序中进行设置，并提供了改善用户体验的最佳实践和技巧。

?在 Angular 中测试组件：NO_ERRORS_SCHEMA、存根组件和 NgMocks

Dany Paredes 通过示例向我们展示了如何借助 NgMocks 模拟库对具有多个依赖项（例如子组件或外部库）的组件进行单元测试。

? Angular 中物质支持的未来

在这篇文章中，Mark Thompson 和 Jeremy Elbourn 澄清，Angular Material 不受 Google Material Web 组件 (MWC) 更改的影响，因为它不依赖它们。 Angular Material 仍在积极开发中。该团队旨在增强 Angular CDK 功能和文档，以帮助开发人员构建高质量的用户界面。

?使用 Angular 和 Firebase 构建实时聊天应用程序

Moe Mollaie 解释了何时需要实时连接并比较了不同的解决方案。然后，他逐步介绍如何使用 Angular 和 Firebase 构建实时聊天应用程序。

?Angular：RxJS 与 Signals，该使用什么？

Igor Pak 提供了两个用例来说明何时使用 Signals 以及何时使用 RxJS。他的文章表明，虽然信号对于状态管理和简单的数据更新很有用，但在复杂的场景中它们可能会错过中间值。

?‍?关于作者

我的名字是 Gergely Szerovay，我担任数据科学家和全栈开发人员多年，并且一直担任前端技术主管，专注于基于 Angular 的前端开发。作为我角色的一部分，我不断关注 Angular 和前端开发场景的总体发展情况。为了分享我的知识，我于 2022 年启动了 Angular Addicts 每月通讯和出版物，以便我可以向您发送我每个月遇到的最佳资源。无论您是经验丰富的 Angular 爱好者还是初学者，我都能满足您的需求。如果您想成为一名作家，请告诉我。让我们一起来学习Angular吧！在这里订阅?

Angular 在过去的几年里发展得非常迅速，在过去的一年里，随着生成式 AI 的兴起，我们的软件开发工作流程也快速发展。为了密切关注人工智能辅助软件开发的发展，我决定开始公开构建人工智能工具，并在 AIBoosted.dev 上发布我的进展。加入我的学习之旅：在这里订阅?

在 Substack (Angular Addicts)、Substack (AIBoosted.dev)、Medium、Dev.to、Twitter 或 LinkedIn 上关注我，了解有关 Angular 的更多信息，以及如何使用 AI、Typescript、React 和 Angular 构建 AI 应用程序！

?️往期内容

如果您错过了前几期的时事通讯，您可以在这里阅读，这是最新的 3 期：

• Angular Addicts #27：NgRx 18、新 RFC：DomRef API、带有信号的 Web 存储等等
• Angular Addicts #26：Angular 18、最佳实践、最近的会议录音等等
• Angular Addicts #25：Angular 和 Wiz 将合并，React 和 Angular 之间的差异等等

? 提交您的 Angular 资源

您最近是否发现或撰写了有趣的 Angular 相关文章、推文或其他资源？请在评论中告诉我，或者在 Twitter 上给我发私信！我可能会在下一期 Angular Addicts 中介绍它！