」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 癮君子 # 何時使用效果、Angular DI 功能、請求快取等

癮君子 # 何時使用效果、Angular DI 功能、請求快取等

發佈於2024-11-08
瀏覽:528

Addicts # When to use effects, Angular DI features, request caching & more

?嘿,Angular Addict 夥伴

這是 Angular Addicts Newsletter 的第 30 期,這是一本每月精選的引起我注意的 Angular 資源合集。 (這裡是第29期、28期、27期)

?發佈公告

?Nx 19.8 更新

Zack DeRose總結了最新Nx版本的新功能:

  • Nx導入普遍可用
  • 改進的任務調度
  • Project Crystal 來到 Angular,它推斷工作區中項目的任務,而不是要求它們存在於工作區的每個 project.json 或 angular.json 文件中
  • 透過一個指令結晶您的整個工作空間
  • 使用 ESLint 9 建立的新 Nx 工作區

?2024 年 9 月有角寶石

?何時(否)在 Angular 中使用效果——以及該怎麼做

Manfred Steyer 在他的文章中解釋說,效果應主要用於無法透過資料綁定實現的渲染任務,例如日誌記錄、在畫布上繪畫或自訂 DOM 行為。如果我們的目標是透過數據綁定呈現數據,以對訊號變化做出反應,他建議使用計算來同步從訊號中獲取值。我們也可以使用 RxJ 或像 rxMethod 這樣的反應式助理來對訊號變化背後的事件做出反應。

?迷人的依賴注入

Armen Vardanyan 探索 Angular 中的依賴注入 (DI)。他展示了一些有趣的功能,例如與查詢參數的動態依賴關係、從父級到子級共享表單實例以及提供全域配置。

?您真正想避免的 10 個 Angular 架構錯誤

Tomas Trajan 在他最新的部落格文章中收集了開發人員在 Angular 中犯的常見錯誤,例如:

  • 不考慮應用程式的急切部分和惰性部分之間的區別
  • 使用不只一種方法來達到相同的效果
  • 關注乾燥而不是隔離
  • 手動分析架構而非藉助工具
  • 不熟悉 Angular 中的兩個主要係統及其行為規則

?將 Storybook 與 Angular 和 Vite 結合使用

預設情況下,Angular 和 Storybook 使用 Webpack 來建立和提供 Storybook 應用程式。在本逐步指南中,Brandon Roberts 將指導您使用 Vite 作為開發伺服器將 Storybook 與 Angular 整合。

?在 Angular 中快取 API 請求:更好、更快、更強

Koye Mohan Reddy 展示如何在 Angular 中快取 API 請求以提高效能和使用者體驗。他介紹如何使用 HTTP 攔截器實現快取、快取失效和記憶體使用限制。

??‍?關於作者

我的名字是 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 #29:Angular 18.2、隱式庫、未來是獨立的等等
  • Angular Addicts #28:Angular 18.1、組件測試、SSR 指南等
  • Angular Addicts #27:NgRx 18、新 RFC:DomRef API、帶訊號的 Web 儲存等

?提交您的 Angular 資源

您最近是否發現或撰寫了有趣的 Angular 相關文章、推文或其他資源?請在評論中告訴我,或在 Twitter 上私訊我!我可能會在下一期 Angular Addicts 中介紹它!

版本聲明 本文轉載於:https://dev.to/this-is-angular/addicts-30-when-to-use-effects-angular-di-features-request-caching-more-5g10?1如有侵犯,請聯絡[email protected]刪除
最新教學 更多>
  • 如何克服PHP的功能重新定義限制?
    如何克服PHP的功能重新定義限制?
    克服PHP的函數重新定義限制在PHP中,多次定義一個相同名稱的函數是一個no-no。嘗試這樣做,如提供的代碼段所示,將導致可怕的“不能重新列出”錯誤。 但是,PHP工具腰帶中有一個隱藏的寶石:runkit擴展。它使您能夠靈活地重新定義函數。 runkit_function_renction_...
    程式設計 發佈於2025-07-16
  • Java的Map.Entry和SimpleEntry如何簡化鍵值對管理?
    Java的Map.Entry和SimpleEntry如何簡化鍵值對管理?
    A Comprehensive Collection for Value Pairs: Introducing Java's Map.Entry and SimpleEntryIn Java, when defining a collection where each element com...
    程式設計 發佈於2025-07-16
  • 如何為PostgreSQL中的每個唯一標識符有效地檢索最後一行?
    如何為PostgreSQL中的每個唯一標識符有效地檢索最後一行?
    postgresql:為每個唯一標識符提取最後一行,在Postgresql中,您可能需要遇到與在數據庫中的每個不同標識相關的信息中提取信息的情況。考慮以下數據:[ 1 2014-02-01 kjkj 在數據集中的每個唯一ID中檢索最後一行的信息,您可以在操作員上使用Postgres的有效效率: ...
    程式設計 發佈於2025-07-16
  • PHP未來:適應與創新
    PHP未來:適應與創新
    PHP的未來將通過適應新技術趨勢和引入創新特性來實現:1)適應云計算、容器化和微服務架構,支持Docker和Kubernetes;2)引入JIT編譯器和枚舉類型,提升性能和數據處理效率;3)持續優化性能和推廣最佳實踐。 引言在編程世界中,PHP一直是網頁開發的中流砥柱。作為一個從1994年就開始發展...
    程式設計 發佈於2025-07-16
  • C++成員函數指針正確傳遞方法
    C++成員函數指針正確傳遞方法
    如何將成員函數置於c [&& && && && && && && && && && &&&&&&&&&&&&&&&&&&&&&&&華儀的函數時,在接受成員函數指針的函數時,要在函數上既要提供指針又可以提供指針和指針到函數的函數。需要具有一定簽名的功能指針。要通過成員函數,您需要同時提供對象指針(此...
    程式設計 發佈於2025-07-16
  • 大批
    大批
    [2 數組是對象,因此它們在JS中也具有方法。 切片(開始):在新數組中提取部分數組,而無需突變原始數組。 令ARR = ['a','b','c','d','e']; // USECASE:提取直到索引作...
    程式設計 發佈於2025-07-16
  • Python讀取CSV文件UnicodeDecodeError終極解決方法
    Python讀取CSV文件UnicodeDecodeError終極解決方法
    在試圖使用已內置的CSV模塊讀取Python中時,CSV文件中的Unicode Decode Decode Decode Decode decode Error讀取,您可能會遇到錯誤的錯誤:無法解碼字節 在位置2-3中:截斷\ uxxxxxxxx逃脫當CSV文件包含特殊字符或Unicode的路徑逃...
    程式設計 發佈於2025-07-16
  • 在Ubuntu/linux上安裝mysql-python時,如何修復\“ mysql_config \”錯誤?
    在Ubuntu/linux上安裝mysql-python時,如何修復\“ mysql_config \”錯誤?
    mysql-python安裝錯誤:“ mysql_config找不到”“ 由於缺少MySQL開發庫而出現此錯誤。解決此問題,建議在Ubuntu上使用該分發的存儲庫。使用以下命令安裝Python-MysqldB: sudo apt-get安裝python-mysqldb sudo pip in...
    程式設計 發佈於2025-07-16
  • 將圖片浮動到底部右側並環繞文字的技巧
    將圖片浮動到底部右側並環繞文字的技巧
    在Web設計中圍繞在Web設計中,有時可以將圖像浮動到頁面右下角,從而使文本圍繞它纏繞。這可以在有效地展示圖像的同時創建一個吸引人的視覺效果。 css位置在右下角,使用css float and clear properties: img { 浮點:對; ...
    程式設計 發佈於2025-07-16
  • CSS強類型語言解析
    CSS強類型語言解析
    您可以通过其强度或弱输入的方式对编程语言进行分类的方式之一。在这里,“键入”意味着是否在编译时已知变量。一个例子是一个场景,将整数(1)添加到包含整数(“ 1”)的字符串: result = 1 "1";包含整数的字符串可能是由带有许多运动部件的复杂逻辑套件无意间生成的。它也可以是故意从单个真理...
    程式設計 發佈於2025-07-16
  • 表單刷新後如何防止重複提交?
    表單刷新後如何防止重複提交?
    在Web開發中預防重複提交 在表格提交後刷新頁面時,遇到重複提交的問題是常見的。要解決這個問題,請考慮以下方法: 想像一下具有這樣的代碼段,看起來像這樣的代碼段:)){ //數據庫操作... 迴聲“操作完成”; 死(); } ? > ...
    程式設計 發佈於2025-07-16
  • 在PHP中如何高效檢測空數組?
    在PHP中如何高效檢測空數組?
    在PHP 中檢查一個空數組可以通過各種方法在PHP中確定一個空數組。如果需要驗證任何數組元素的存在,則PHP的鬆散鍵入允許對數組本身進行直接評估:一種更嚴格的方法涉及使用count()函數: if(count(count($ playerList)=== 0){ //列表為空。 } 對...
    程式設計 發佈於2025-07-16
  • Java是否允許多種返回類型:仔細研究通用方法?
    Java是否允許多種返回類型:仔細研究通用方法?
    在Java中的多個返回類型:一種誤解類型:在Java編程中揭示,在Java編程中,Peculiar方法簽名可能會出現,可能會出現,使開發人員陷入困境,使開發人員陷入困境。 getResult(string s); ,其中foo是自定義類。該方法聲明似乎擁有兩種返回類型:列表和E。但這確實是如此嗎...
    程式設計 發佈於2025-07-16
  • 為什麼在我的Linux服務器上安裝Archive_Zip後,我找不到“ class \” class \'ziparchive \'錯誤?
    為什麼在我的Linux服務器上安裝Archive_Zip後,我找不到“ class \” class \'ziparchive \'錯誤?
    Class 'ZipArchive' Not Found Error While Installing Archive_Zip on Linux ServerSymptom:When attempting to run a script that utilizes the ZipAr...
    程式設計 發佈於2025-07-16
  • 在Pandas中如何將年份和季度列合併為一個週期列?
    在Pandas中如何將年份和季度列合併為一個週期列?
    pandas data frame thing commans date lay neal and pree pree'和pree pree pree”,季度 2000 q2 這個目標是通過組合“年度”和“季度”列來創建一個新列,以獲取以下結果: [python中的concate...
    程式設計 發佈於2025-07-16

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

Copyright© 2022 湘ICP备2022001581号-3