Angular成瘾者#16:信号与RXJ,结合测试覆盖报告等
#javascript #angular #typescript #nx

ð嘿,角度瘾君子

这是《角落瘾君子时事通讯》的第16期,它每月收集精心选择的角度资源,引起了我的注意。 (您可以在此处阅读thirteenthfourteenthfifteenth问题。)


ð¢发布公告

📢Nx 16.5

Zack DeRose涵盖了NX 16.5的主要新功能:

  • 标签定位任务
  • NextJS 13支持
  • 新的NX食谱
  • Angular 16支持和迁移
  • Verdaccio支持
  • 用NX创建自己的CLI
  • 新的外部依赖性输入类型
  • new @nx/depentency-checks eslint规则
  • 绩效改进
  • NX控制台改建
  • NX ChangElog启动

📢Storybook 7.1

在他的博客文章中,Michael Shilman总结了Storybook 7.1的新功能:

  • 插入式入职,以帮助您学习故事书
  • 为尾风,材料UI,样式组件和情感的零孔构型支持
  • API参考文档
  • 打字稿优先代码片段
  • VUE 3源片段和反应性改善
  • 文档目录
  • 无花果设计插件官方支持
  • 数百个修复和改进

ð2023年7月的角宝石

ð°信号与rxjs

Mike Pearson写了一个三件式的文章系列,以向我们展示何时应该喜欢rxjs以及何时呈角度信号:

在该系列的前两个部分中,他比较了RXJ和信号,以防同步反应性和异步反应性。在第三篇文章中,他建议我们使用“自动信号模式”,该模式比toSignal()有一些好处。此模式使我们能够通过信号连接RXJS流,而不会失去RXJS流的能力自动:

  • 清理
  • 重置和重新提取,
  • 取消请求

📰Managing RxJS Traffic with Signals and Suspensify

Angular包含一个新的toSignal()函数,该功能可以将可观测值转换为信号,但是没有初始值或发射错误的情况下,它不能很好地处理可观察结果。 Younes Jaaidi向我们展示了suspensify()operator如何通过产生始终具有初始价值且永远不会引发错误的可观察到的可观察到的问题来帮助我们解决这些问题。这是@jscutlery/operators package.

的一部分

📰How To Combine Coverage From Cypress (E2E And Component Test) And Jest In An Nx Project

Christian Lüdemann描述了如何结合

的覆盖范围结果
  • 是单位测试
  • 赛普拉斯组件测试和
  • 是E2E测试

以详细了解角度应用的测试覆盖率。他还与我们分享了full demo app


📰The new NGRX Signal Store for Angular: 2 + 1 Flavors

Manfred Steyer解释了NgRx Signal Store的当前工作版本,他向我们展示了使用它的2+1种不同的口味:

  • 风味1:带信号的轻量级
  • 味道2:信号店功能强大
  • 即将到来的口味3:实体管理

关于作者

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

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

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

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

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

ð见以前的问题

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

ð - 提交您的角度资源

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