」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > Angular 癮君子 # Angular w.新的 @let 語法)、元件測試、SSR 指南等

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

發佈於2024-08-28
瀏覽:886

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]刪除
最新教學 更多>
  • React:了解 React 的事件系統
    React:了解 React 的事件系統
    Overview of React's Event System What is a Synthetic Event? Synthetic events are an event-handling mechanism designed by React to ach...
    程式設計 發佈於2024-11-05
  • 為什麼在使用 Multipart/Form-Data POST 請求時會收到 301 Moved Permanently 錯誤?
    為什麼在使用 Multipart/Form-Data POST 請求時會收到 301 Moved Permanently 錯誤?
    Multipart/Form-Data POSTsMultipart/Form-Data POSTs嘗試使用multipart/form-data POST 資料時,可能會出現類似所提供的錯誤訊息遭遇。理解問題需要檢視問題的構成。遇到的錯誤是 301 Moved Permanently 回應,表示資...
    程式設計 發佈於2024-11-05
  • 如何使用日期和時間物件來確定 PHP 中的時間邊界?
    如何使用日期和時間物件來確定 PHP 中的時間邊界?
    確定PHP 中的時間邊界在此編程場景中,我們的任務是確定給定時間是否在預先定義的範圍內。具體來說,我們得到三個時間字串:當前時間、日出和日落。我們的目標是確定當前時間是否位於日出和日落的邊界時間之間。 為了應對這個挑戰,我們將使用 DateTime 類別。這個類別使我們能夠表示和操作日期和時間。我們...
    程式設計 發佈於2024-11-05
  • 如何使用 CSS 變換比例修復 jQuery 拖曳/調整大小問題?
    如何使用 CSS 變換比例修復 jQuery 拖曳/調整大小問題?
    jQuery 使用CSS 轉換縮放拖曳/調整大小問題: 當應用CSS 轉換時,特別是變換:矩陣(0.5, 0, 0, 0.5, 0, 0);,對於一個div 並在子元素上使用jQuery 的draggable() 和resizing() 插件,jQuery 所做的更改變得與滑鼠位置「不同步”。 解決...
    程式設計 發佈於2024-11-05
  • 如何修復 TensorFlow 中的「ValueError:無法將 NumPy 陣列轉換為張量(不支援的物件類型浮點)」錯誤?
    如何修復 TensorFlow 中的「ValueError:無法將 NumPy 陣列轉換為張量(不支援的物件類型浮點)」錯誤?
    TensorFlow:解決「ValueError: Failed to Convert NumPy Array to Tensor (Unsupported Object Type Float)」工作時遇到的常見錯誤TensorFlow 的錯誤是「ValueError:無法將NumPy 陣列轉換為T...
    程式設計 發佈於2024-11-05
  • 如何有效率判斷本機儲存項目是否存在?
    如何有效率判斷本機儲存項目是否存在?
    確定本地儲存專案是否存在使用 Web 儲存時,在存取或修改特定專案之前驗證它們是否存在至關重要。在本例中,我們想要確定 localStorage 中是否設定了特定項目。 當前方法檢查項目是否存在的當前方法似乎是:if (!(localStorage.getItem("infiniteScr...
    程式設計 發佈於2024-11-05
  • Java 中的原子是什麼?了解 Java 中的原子性和線程安全
    Java 中的原子是什麼?了解 Java 中的原子性和線程安全
    1. Java 原子簡介 1.1 Java 中什麼是原子? 在Java中,java.util.concurrent.atomic套件提供了一組支援對單一變數進行無鎖定線程安全程式設計的類別。這些類別統稱為原子變數。最常使用的原子類別包括 AtomicInteger ...
    程式設計 發佈於2024-11-05
  • 前端/後端主要設定檔
    前端/後端主要設定檔
    從 DevOps 的角度來看,了解 Java 和 Node.js(後端和前端)程式碼庫中的設定檔對於管理建置流程、部署和環境設定至關重要。以下是在 Java 和 Node.js 應用程式中需要注意的設定檔的完整清單: Java 應用程式 後端 pom.xml (Maven): 管理依...
    程式設計 發佈於2024-11-05
  • Python 中出現「意外縮排」錯誤的原因以及如何解決?
    Python 中出現「意外縮排」錯誤的原因以及如何解決?
    Python 中意外縮排的意義是什麼? 在 Python 程式設計領域,精心製作的縮排起著至關重要的作用定義程式碼的結構和流程。當這個縮排不經意地被打亂時,就會出現「unexpected indent」錯誤,提示需要立即修正。 錯誤訊息背後:Unexpected Indent本質Python 的語法...
    程式設計 發佈於2024-11-05
  • 在 Node.js 中什麼時候應該使用 `setImmediate` 和 `process.nextTick`?
    在 Node.js 中什麼時候應該使用 `setImmediate` 和 `process.nextTick`?
    了解setImmediate 和nextTick 之間的差異了解setImmediate 和nextTick 之間的差異Node.js 版本0.10 引入了setImmediate,這是一個旨在補充process.nextjs 版本的新API。這兩個函數都提供了非同步執行回呼的方法,但它們具有控制其...
    程式設計 發佈於2024-11-05
  • jQuery中如何有效率地取得隱藏元素的高度?
    jQuery中如何有效率地取得隱藏元素的高度?
    在 jQuery 中獲取隱藏元素的高度處理隱藏元素時,檢索其高度可能具有挑戰性。暫時顯示元素以測量其高度然後再次隱藏它的傳統方法似乎效率低下。有沒有更優化的解決方案? jQuery 1.4.2 方法這是一個使用 jQuery 1.4.2 的範例:$select.show(); optionHeigh...
    程式設計 發佈於2024-11-05
  • 為什麼我不能在 Go Struct 標籤中使用變數?
    為什麼我不能在 Go Struct 標籤中使用變數?
    在Go 結構體標籤中使用變數在Go 中,結構體標籤用於指定有關結構體中字段的元數據。雖然可以使用字串文字定義標籤,但嘗試在其位置使用變數會導致錯誤。 無效用法:const ( TYPE = "type" ) type Shape struct { Type str...
    程式設計 發佈於2024-11-05
  • Qopy:身為開發人員我最喜歡的剪貼簿管理器
    Qopy:身為開發人員我最喜歡的剪貼簿管理器
    身為開發人員,我一直在尋找可以讓我的工作流程更順暢、更有效率的工具。最近,我偶然發現了 Qopy,一個可以在 Linux 和 Windows 上運行的開源剪貼簿管理器。 什麼是Qopy? Qopy 是一個簡單的剪貼簿管理器,旨在改善標準剪貼簿體驗。它的設計宗旨是用戶友好、可靠且快速...
    程式設計 發佈於2024-11-05
  • 為什麼我的按鈕上的懸停效果不起作用?
    為什麼我的按鈕上的懸停效果不起作用?
    更改懸停時的按鈕顏色:替代解決方案嘗試更改懸停時按鈕的顏色時,如果出現以下情況,可能會令人沮喪該解決方案未能產生預期的效果。考慮提供的範例程式碼:a.button { ... } a.button a:hover{ background: #383; }此解決方案嘗試在連結懸停在「按...
    程式設計 發佈於2024-11-05
  • 僅使用 Python 建構前端
    僅使用 Python 建構前端
    對於專注於後端的開發人員來說,前端開發可能是一項艱鉅的、甚至是噩夢般的任務。在我職業生涯的早期,前端和後端之間的界線是模糊的,每個人都被期望能夠處理這兩者。 CSS,尤其是,是一場持續不斷的鬥爭;這感覺像是一個不可能的任務。 雖然我喜歡前端工作,但 CSS 對我來說仍然是一個複雜的挑戰,特別是因為...
    程式設計 發佈於2024-11-05

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3