Angular Addicts # NgRx 在测试中使用页面对象模型，微前端使用 Vite 等

？嘿，Angular Addict 伙伴

这是 Angular Addicts Newsletter 的第 33 期，这是每月精选的引起我注意的 Angular 资源合集。 （这里是第32期、第31期、第30期）

？发布公告

？宣布 NgRx 19：NgRx 信号功能、动作信号等等！

Brandon Roberts 宣布最新版本的 NgRx，一些新功能：

• SignalStore 引入了 withProps 功能，用于在创建过程中定义 SignalStore 中的静态属性或可观察量。
• 新的 signalMethod 实用函数，它为您提供 rxMethod 的好处，并且能够仅使用信号。
• patchState 函数中的开发模式检查确保开发期间状态不变性。
• NgRx Store 现在支持信号更改时的操作调度。

?2024 年 12 月有角宝石

？我的新 Angular 编码风格

Kevin Kreuzer 最近使用 Signals 和新的 Angular API 重写了一个大型代码库。在本文中，他解释了重构过程中出现的新编码风格和模式。关键点包括采用独立组件作为标准、过渡到使用信号进行反应性以及摆脱传统的生命周期挂钩。

？将 Angular 的资源 API 与 NGRX 信号存储结合使用

Manfred Steyer 展示了如何将 SignalStore 的 withProps 功能与 Resource API 结合使用。他的指南还包括使用 linkedSignal 和 signalMethod 连接模板驱动的表单。

？在 Angular 应用程序中使用页面对象模型设计模式

Francesco Borzì 的文章讨论了 Angular 应用程序中页面对象模型 (POM) 设计模式的实现。 POM 允许测试专注于需要做什么，而页面对象则处理与 DOM 的交互“如何”完成，从而使测试代码更清晰、更易于维护。 Francesco 还介绍了他的新库 ngx-page-object-model，旨在方便在 Angular 组件测试中使用 POM，并兼容各种测试框架。

？使用 Vite 在 15 分钟内搭建微前端架构！

Meidi Airouche 在他的文章中概述了使用 Vite 创建微前端架构，将 Vue.js、Angular 和 React 组件集成到模块化新闻门户中。该项目结合了：

• Vue.js 导航标头
• 最新文章的 React Trending 部分
• 热门内容的 Angular 高亮区域

？掌握 Angular 中的组件通信

Michał Grzegorczyk 全面概述了促进 Angular 应用程序中组件之间通信的各种方法。涵盖的关键主题包括：

• 输入、输出、Setter 和 ngOnChanges 生命周期钩子
• @注射服务
• 组件/指令注入
• 模板变量 (#)
• 内容投影（@ContentChild / contentChild() / @ContentChildren / contentChildren()）
• 查看和查询列表 (@ViewChild / viewChild() / @ViewChildren / viewChildren())
• 路由（参数、查询、withComponentInputBinding()、状态对象）

??‍？关于作者

我的名字是 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 #32：Angular 19、新样式指南 RFC 等
• Angular Addicts #31：新的资源 API、效果更新等
• Angular Addicts #30：何时使用效果、Angular DI 功能、请求缓存等

？提交您的 Angular 资源

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

以上是Angular Addicts # NgRx 在测试中使用页面对象模型，微前端使用 Vite 等的详细内容。更多信息请关注PHP中文网其他相关文章！