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

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

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

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]删除
最新教程 更多>
  • 如何修复 Matplotlib 中的“无显示名称且无 $DISPLAY 环境变量”错误?
    如何修复 Matplotlib 中的“无显示名称且无 $DISPLAY 环境变量”错误?
    "_tkinter.TclError: no display name and no $DISPLAY 环境变量"使用 Matplotlib 运行 Python 脚本时通常会发生此错误在没有图形显示的服务器上。 Matplotlib 依赖后端来渲染绘图,默认情况下,它选择 Xwi...
    编程 发布于2024-11-05
  • 您的第一个使用 Node.js 的后端应用程序
    您的第一个使用 Node.js 的后端应用程序
    您是否正在学习 Web 开发并对如何启动 Node.js 项目感到困惑?别担心,我有你!我将指导您只需 5 个步骤即可使用 Node.js 和 Express.js 创建您的第一个后端。 ️5个关键步骤: 第 1 步:设置项目 第 2 步:整理文件夹 第3步:创建server.js文...
    编程 发布于2024-11-05
  • 跨域场景下CORS何时使用预检请求?
    跨域场景下CORS何时使用预检请求?
    CORS:了解跨域请求的“预检”请求跨域资源共享 (CORS) 在制作 HTTP 时提出了挑战跨域请求。为了解决这些限制,引入了预检请求作为解决方法。预检请求说明预检请求是先于实际请求(例如 GET 或 POST)的 OPTIONS 请求)并用于与服务器协商请求的权限。这些请求包括两个附加标头:Ac...
    编程 发布于2024-11-05
  • 如何使用 PHP 的 glob() 函数按扩展名过滤文件?
    如何使用 PHP 的 glob() 函数按扩展名过滤文件?
    在 PHP 中按扩展名过滤文件使用目录时,通常需要根据扩展名检索特定文件。 PHP 提供了一种使用 glob() 函数来完成此任务的有效方法。要按扩展名过滤文件,请使用语法:$files = glob('/path/to/directory/*.extension');例如,要检索目录 /path/...
    编程 发布于2024-11-05
  • 理解 JavaScript 中的 Promise 和 Promise Chaining
    理解 JavaScript 中的 Promise 和 Promise Chaining
    什么是承诺? JavaScript 中的 Promise 就像你对未来做某事的“承诺”。它是一个对象,表示异步任务的最终完成(或失败)及其结果值。简而言之,Promise 充当尚不可用但将来可用的值的占位符。 承诺国家 Promise 可以存在于以下三种状态之一: ...
    编程 发布于2024-11-05
  • 安全分配
    安全分配
    今天,关于 JavaScript 中安全赋值运算符 (?=) 的新提案引起了热烈讨论。我喜欢 JavaScript 随着时间的推移而不断改进,但这也是我最近在一些情况下遇到的问题。我应该将快速示例实现作为函数,对吧? 如果您还没有阅读该提案,以下是其建议: const [error, value] ...
    编程 发布于2024-11-05
  • 创建队列接口
    创建队列接口
    创建字符队列的接口。 需要开发的三个实现: 固定大小的线性队列。 循环队列(复用数组空间)。 动态队列(根据需要增长)。 1 创建一个名为 ICharQ.java 的文件 // 字符队列接口。 公共接口 ICharQ { // 向队列中插入一个字符。 void put(char ch); ...
    编程 发布于2024-11-05
  • Pip 的可编辑模式何时对本地 Python 包开发有用?
    Pip 的可编辑模式何时对本地 Python 包开发有用?
    使用 Pip 在 Python 中利用可编辑模式进行本地包开发在 Python 的包管理生态系统中,Pip 拥有“-e”(或'--editable') 特定场景的选项。什么时候使用这个选项比较有利?答案在于可编辑模式的实现,官方文档中有详细说明:“从本地以可编辑模式安装项目(即 se...
    编程 发布于2024-11-05
  • 当您在浏览器中输入 URL 时会发生什么?
    当您在浏览器中输入 URL 时会发生什么?
    您是否想知道当您在浏览器中输入 URL 并按 Enter 键时幕后会发生什么?该过程比您想象的更加复杂,涉及多个步骤,这些步骤无缝地协同工作以提供您请求的网页。在本文中,我们将探讨从输入 URL 到查看完全加载的网页的整个过程,阐明使这一切成为可能的技术和协议。 第 1 步:输入 U...
    编程 发布于2024-11-05
  • 如何有效管理大量小HashMap对象的“OutOfMemoryError:超出GC开销限制”?
    如何有效管理大量小HashMap对象的“OutOfMemoryError:超出GC开销限制”?
    OutOfMemoryError: Handling Garbage Collection Overhead在Java中,当过多时会出现“java.lang.OutOfMemoryError: GC Overhead limit allowed”错误根据 Sun 的文档,时间花费在垃圾收集上。要解决...
    编程 发布于2024-11-05
  • 为什么在 Python 列表初始化中使用 [[]] * n 时列表会链接在一起?
    为什么在 Python 列表初始化中使用 [[]] * n 时列表会链接在一起?
    使用 [[]] * n 进行列表初始化时的列表链接问题使用 [[]] 初始化列表列表时 n,程序员经常会遇到一个意想不到的问题,即列表似乎链接在一起。出现这种情况是因为 [x]n 语法创建对同一基础列表对象的多个引用,而不是创建不同的列表实例。为了说明该问题,请考虑以下代码:x = [[]] * ...
    编程 发布于2024-11-05
  • Python 变得简单:从初学者到高级 |博客
    Python 变得简单:从初学者到高级 |博客
    Python Course Code Examples This is a Documentation of the python code i used and created , for learning python. Its easy to understand and L...
    编程 发布于2024-11-05
  • 简化 TypeScript 中的类型缩小和防护
    简化 TypeScript 中的类型缩小和防护
    Introduction to Narrowing Concept Typescript documentation explains this topic really well. I am not going to copy and paste the same descrip...
    编程 发布于2024-11-05
  • 何时应该使用 session_unset() 而不是 session_destroy() ,反之亦然?
    何时应该使用 session_unset() 而不是 session_destroy() ,反之亦然?
    理解 PHP 中 session_unset() 和 session_destroy() 的区别PHP 函数 session_unset() 和 session_destroy() 有不同的用途管理会话数据。尽管它们在清除会话变量方面有明显相似之处,但它们具有不同的效果。session_unset(...
    编程 发布于2024-11-05
  • 如何选择在 C++ 中解析 INI 文件的最佳方法?
    如何选择在 C++ 中解析 INI 文件的最佳方法?
    在 C 中解析 INI 文件:各种方法指南在 C 中处理初始化 (INI) 文件时,开发人员经常遇到有效解析这些文件以提取所需信息的挑战。本文探讨了用 C 解析 INI 文件的不同方法,讨论了它们的优点和注意事项。本机 Windows API 函数一种方法是利用 Windows API 函数INI ...
    编程 发布于2024-11-05

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

Copyright© 2022 湘ICP备2022001581号-3