Angular 癮君子 # Angular w.新的 @let 語法）、元件測試、SSR 指南等

？嘿，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
• toSignal 相等函數
• 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 中介紹它！

以上是Angular 癮君子 # Angular w.新的 @let 語法）、元件測試、SSR 指南等的詳細內容。更多資訊請關注PHP中文網其他相關文章！