Angular成瘾者#14:Angular V16,信号和信号店,细粒度更改检测及更多
#javascript #angular #typescript #nx

ð嘿,角度瘾君子

这是《角落瘾君子时事通讯》的第14期,这是每月精心选择的角度资源集合,引起了我的注意。 (您可以阅读firstsecondthirdfourthfifthfifthsixthseventhseventheighthninthninthtenth10,eleventheleventhtwelfthtwelfth and thirteenth earse

ð¢发布公告

ð¢Angular V16现在可用!

最新版本的Angular于本月发布。 Minko Gechev总结了他的release announcement中最重要的新功能。

在以下文章中,我列出了最重要的更改和新功能,并收集了资源,这些资源将教您这些新的角度功能如何工作:


ð2023年5月的角宝石

📰SignalStore RFC

NGRX团队和Marko Stanimirović打开了new RFC (Request for Comments) for a signal-based state management solution, SignalStore。它与@ngrx/component-store具有类似的方法。最初的原型与API文档旁边可在NgRx SignalStore playground repo中获得。

为了获得有关这一新功能及其未来含义的更多知识,我创建了两个文章列表组件的版本。我首先构建了一个基于ComponentStore的基础,然后将其迁移到基于SignalStore的一个。我在本文中总结了我的发现:From NgRx ComponentStore to SignalStore: the key takeaways from my demo project。我解释了我发现的实现步骤和主要区别,以便您可以更好地了解SignalStore的实际工作方式。


📰Add Superpowers to your Angular Inputs 🔋 (New feature 🎉)

Angular V16.1将为组件的@Inputs装饰器提供转换功能。 Enea Jahollari通过示例解释了这些转换如何工作。

Gaurav Mukherjee向我们展示了如何使用输入转换来获取组件中的基于信号的输入:"How to enjoy signal-based input right now!"

此功能从v16.1.0-next.3预发行开始。


📰Accessing route params in Angular

在他的文章中,Thomas Laforge讨论了访问路线和查询参数的各种方法:

  • ActivatedRoutesnapshotparams属性
  • NGRX路由器商店
  • Angular V16中的RouterInput

📰High ROI Testing With Cypress Component Testing

Christian Lüdemann与我们分享了他的首选测试策略,它基于Kent C. Dodds' testing trophy

  • 写一些E2E烟雾测试(赛普拉斯)
  • 用集成测试(柏树组件测试)覆盖用例
  • 用单位测试(JEST)覆盖边缘案例和计算
  • 静态:键入所有内容并使用严格模式(ESLINT和TYSPICT)

他还解释了如何设置柏树并组织您的测试以获得最佳结果。


📰Deactivate Angular NgZone selectively — the easy way

rxangular's unpatch指令有助于我们部分停用NgZone,并对Angular的变化检测获得更精细的控制。 Daniel Glejzner通过示例解释了如何在不同用例中使用此指令。


📰Angular Developer Survey 2022 Results Summary

近12K开发人员参加了Minko Gechev的文章Abiaoqian的文章,总结了结果以及如何在Angular的路线图中反映这些结果。


ð事件和录音

ðAngular at Google I/O 2023

可在此playlist上获得与角度相关的Google I/O 2023的录音:


关于作者

我的名字叫Gergely Szerovay,我是前端开发章节的负责人。教学(和学习)角是我的激情之一。我每天消耗与Angular有关的内容 - 文章,播客,会议演讲,您将其命名。

我创建了Angular Addict新闻通讯,以便可以向您发送每个月遇到的最佳资源。无论您是经验丰富的角度瘾君子还是初学者,我都会覆盖您。

在新闻通讯旁边,我还有一个名为“ Angular Addicts”的出版物。这是我发现最有用和有趣的资源的集合。让我知道您是否想被包括为作家。

让我们一起学习角度! Subscribe hereð¥

MediumDev.toTwitterLinkedIn上关注我,以了解有关Angular的更多信息!

ð见以前的问题

如果您错过了以前的新闻通讯,则可以阅读它们here,这些是最新的3期:

ð - 提交您的角度资源

您最近找到或写了一篇有趣的角度有关的文章,推文或其他资源?请在评论中让我知道,或在Twitter上给我发送DM!我可能会在下一个角度瘾君子问题中进行特色!