”工欲善其事,必先利其器。“—孔子《论语.录灵公》
首页 > 编程 > Angular 瘾君子 # Angular w.新的 @let 语法)、组件测试、SSR 指南等

Angular 瘾君子 # Angular w.新的 @let 语法)、组件测试、SSR 指南等

发布于2024-08-28
浏览:946

Angular Addicts # Angular w. the new @let syntax), Component testing, SSR guide & more

?嘿,Angular Addict 伙伴

这是 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
  • to信号相等函数
  • 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 中介绍它!

版本声明 本文转载于:https://dev.to/this-is-angular/angular-addicts-28-angular-181-w-the-new-let-syntax-component-testing-ssr-guide-more-1f8c?1如有侵犯,请联系[email protected]删除
最新教程 更多>
  • 如何克服PHP的功能重新定义限制?
    如何克服PHP的功能重新定义限制?
    克服PHP的函数重新定义限制在PHP中,多次定义一个相同名称的函数是一个no-no。尝试这样做,如提供的代码段所示,将导致可怕的“不能重新列出”错误。 但是,PHP工具腰带中有一个隐藏的宝石:runkit扩展。它使您能够灵活地重新定义函数。 runkit_function_renction_re...
    编程 发布于2025-06-26
  • 如何使用Python有效地以相反顺序读取大型文件?
    如何使用Python有效地以相反顺序读取大型文件?
    在python 反向行读取器生成器 == ord('\ n'): 缓冲区=缓冲区[:-1] 剩余_size- = buf_size lines = buffer.split('\ n'....
    编程 发布于2025-06-26
  • 找到最大计数时,如何解决mySQL中的“组函数\”错误的“无效使用”?
    找到最大计数时,如何解决mySQL中的“组函数\”错误的“无效使用”?
    如何在mySQL中使用mySql 检索最大计数,您可能会遇到一个问题,您可能会在尝试使用以下命令:理解错误正确找到由名称列分组的值的最大计数,请使用以下修改后的查询: 计数(*)为c 来自EMP1 按名称组 c desc订购 限制1 查询说明 select语句提取名称列和每个名称...
    编程 发布于2025-06-26
  • 如何使用node-mysql在单个查询中执行多个SQL语句?
    如何使用node-mysql在单个查询中执行多个SQL语句?
    Multi-Statement Query Support in Node-MySQLIn Node.js, the question arises when executing multiple SQL statements in a single query using the node-mys...
    编程 发布于2025-06-26
  • 使用jQuery如何有效修改":after"伪元素的CSS属性?
    使用jQuery如何有效修改":after"伪元素的CSS属性?
    在jquery中了解伪元素的限制:访问“ selector 尝试修改“:”选择器的CSS属性时,您可能会遇到困难。 This is because pseudo-elements are not part of the DOM (Document Object Model) and are th...
    编程 发布于2025-06-26
  • 如何避免Go语言切片时的内存泄漏?
    如何避免Go语言切片时的内存泄漏?
    ,a [j:] ...虽然通常有效,但如果使用指针,可能会导致内存泄漏。这是因为原始的备份阵列保持完整,这意味着新切片外部指针引用的任何对象仍然可能占据内存。 copy(a [i:] 对于k,n:= len(a)-j i,len(a); k
    编程 发布于2025-06-26
  • 编译器报错“usr/bin/ld: cannot find -l”解决方法
    编译器报错“usr/bin/ld: cannot find -l”解决方法
    错误:“ usr/bin/ld:找不到-l “ 此错误表明链接器在链接您的可执行文件时无法找到指定的库。为了解决此问题,我们将深入研究如何指定库路径并将链接引导到正确位置的详细信息。添加库搜索路径的一个可能的原因是,此错误是您的makefile中缺少库搜索路径。要解决它,您可以在链接器命令中添加...
    编程 发布于2025-06-26
  • 在C#中如何高效重复字符串字符用于缩进?
    在C#中如何高效重复字符串字符用于缩进?
    在基于项目的深度下固定字符串时,重复一个字符串以进行凹痕,很方便有效地有一种有效的方法来返回字符串重复指定的次数的字符串。使用指定的次数。 constructor 这将返回字符串“ -----”。 字符串凹痕= new String(' - ',depth); console.Wr...
    编程 发布于2025-06-26
  • JavaScript计算两个日期之间天数的方法
    JavaScript计算两个日期之间天数的方法
    How to Calculate the Difference Between Dates in JavascriptAs you attempt to determine the difference between two dates in Javascript, consider this s...
    编程 发布于2025-06-26
  • 如何在无序集合中为元组实现通用哈希功能?
    如何在无序集合中为元组实现通用哈希功能?
    在未订购的集合中的元素要纠正此问题,一种方法是手动为特定元组类型定义哈希函数,例如: template template template 。 struct std :: hash { size_t operator()(std :: tuple const&tuple)const {...
    编程 发布于2025-06-26
  • 如何将来自三个MySQL表的数据组合到新表中?
    如何将来自三个MySQL表的数据组合到新表中?
    mysql:从三个表和列的新表创建新表 答案:为了实现这一目标,您可以利用一个3-way Join。 选择p。*,d.content作为年龄 来自人为p的人 加入d.person_id = p.id上的d的详细信息 加入T.Id = d.detail_id的分类法 其中t.taxonomy =...
    编程 发布于2025-06-26
  • 如何使用Python的请求和假用户代理绕过网站块?
    如何使用Python的请求和假用户代理绕过网站块?
    如何使用Python的请求模拟浏览器行为,以及伪造的用户代理提供了一个用户 - 代理标头一个有效方法是提供有效的用户式header,以提供有效的用户 - 设置,该标题可以通过browser和Acterner Systems the equestersystermery和操作系统。通过模仿像Chro...
    编程 发布于2025-06-26
  • 如何从Python中的字符串中删除表情符号:固定常见错误的初学者指南?
    如何从Python中的字符串中删除表情符号:固定常见错误的初学者指南?
    从python import codecs import codecs import codecs 导入 text = codecs.decode('这狗\ u0001f602'.encode('utf-8'),'utf-8') 印刷(文字)#带有...
    编程 发布于2025-06-26
  • 如何实时捕获和流媒体以进行聊天机器人命令执行?
    如何实时捕获和流媒体以进行聊天机器人命令执行?
    在开发能够执行命令的chatbots的领域中,实时从命令执行实时捕获Stdout,一个常见的需求是能够检索和显示标准输出(stdout)在cath cath cant cant cant cant cant cant cant cant interfaces in Chate cant inter...
    编程 发布于2025-06-26
  • 为什么HTML无法打印页码及解决方案
    为什么HTML无法打印页码及解决方案
    无法在html页面上打印页码? @page规则在@Media内部和外部都无济于事。 HTML:Customization:@page { margin: 10%; @top-center { font-family: sans-serif; font-weight: bo...
    编程 发布于2025-06-26

免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。

Copyright© 2022 湘ICP备2022001581号-3