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

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

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

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]刪除
最新教學 更多>
  • 使用 Vue jsx 進行動態佈局:靈活且可維護的 UI 指南
    使用 Vue jsx 進行動態佈局:靈活且可維護的 UI 指南
    Written by Dubem Izuorah Have you ever spent hours tweaking the same web layout across multiple pages or struggled to make your UI adapt to changing ...
    程式設計 發佈於2024-11-08
  • 以下是一些標題選項,請記住問題格式和文章的重點是控制選擇框選項寬度:

**選項 1(更多技術性):**
* **如何控制Sele的寬度
    以下是一些標題選項,請記住問題格式和文章的重點是控制選擇框選項寬度: **選項 1(更多技術性):** * **如何控制Sele的寬度
    如何控制選擇框選項的寬度當選擇框中的選項超出框的寬度時,可能會造成混亂以及笨拙的外觀。為了解決這個問題,我們可以同時使用 CSS 和 JavaScript 來自訂選項的寬度並截斷任何多餘的文字。 CSS 方法:雖然單獨使用 CSS 是不行的足以設定選項的寬度,我們可以利用它來固定選擇框本身的寬度。透...
    程式設計 發佈於2024-11-08
  • C++ 異常說明符值得這麼麻煩嗎?
    C++ 異常說明符值得這麼麻煩嗎?
    C 中的異常說明符:你應該使用它們嗎? C 中的例外說明符可讓您指示函數是否可能拋出特定的例外類型。然而,由於擔心 Visual Studio .NET 中的編譯器執行、程式終止和非標準行為,人們對其實際用途產生了疑問。 為什麼不使用異常說明符:有限執行:編譯器不嚴格執行異常說明符,從而減少了它們提...
    程式設計 發佈於2024-11-08
  • 使用 .EJS 範本配置 Express
    使用 .EJS 範本配置 Express
    通常,我使用經典的入門版。 Expressjs.com const express = require('express') const app = express() const port = 3000 app.set('view engine', 'ejs') app.use(express....
    程式設計 發佈於2024-11-08
  • 如何將自訂字體新增至 Tailwind - 對於網頁和本機下載的字體
    如何將自訂字體新增至 Tailwind - 對於網頁和本機下載的字體
    创建 Web 应用程序时,包含您喜欢的字体就像锦上添花。字体增强文本效果,使网站更具吸引力,并提供更好的用户体验。设计师和开发人员对某些字体又爱又恨,使用默认字体可能会限制他们的创造力。添加自定义字体使开发人员可以自由地将外部字体添加到他们的应用程序中。 先决条件 在本教程中,我强烈...
    程式設計 發佈於2024-11-08
  • JavaScript 柯里化的詳細討論
    JavaScript 柯里化的詳細討論
    Currying হলো একটি ফাংশনাল প্রোগ্রামিং কৌশল যেখানে একটি ফাংশন একাধিক আর্গুমেন্ট নেওয়ার পরিবর্তে একটি একক আর্গুমেন্ট গ্রহণ করে এবং একটি নতুন ফাংশন রিটা...
    程式設計 發佈於2024-11-08
  • 了解 Python 裝飾器:深入探討
    了解 Python 裝飾器:深入探討
    Python 裝飾器是強大的工具,允許我們修改或增強函數或方法的行為。常見用例包括日誌記錄、授權等。 然而,當被要求定義裝飾器時,許多人可能會說, 它是函數的包裝器。 雖然這在技術上是正確的,但幕後還發生了更多事情。 剖析一個簡單的裝飾器 讓我們探討一個簡單的例子: def my_decora...
    程式設計 發佈於2024-11-08
  • 課程計畫:年級學生 Python 基礎知識(初級)
    課程計畫:年級學生 Python 基礎知識(初級)
    客观的: 在本课程结束时,学生将对 Python 编程有基本的了解,包括变量、基本数据类型、循环和函数。他们将使用 Python 创建简单的程序,运用逻辑思维和解决问题的技能。 持续时间:6 节课 第 1 课:Python 简介和设置 目标:让学生熟...
    程式設計 發佈於2024-11-08
  • 如何在 Java 中正確複製二維數組以保留修改?
    如何在 Java 中正確複製二維數組以保留修改?
    透過複製保留二維數組修改在 Java 中,建立物件副本時,了解引用分配行為至關重要。在給定的場景中,定義了兩個名為 current 和 old 的二維數組,以及複製內容的方法。 old() 方法將 current 陣列指派給 old 。然而,這只是將引用傳輸到記憶體中的相同數組。當 current ...
    程式設計 發佈於2024-11-08
  • 使用 JavaScript 創建令人著迷的粒子動畫
    使用 JavaScript 創建令人著迷的粒子動畫
    這就是我們要創建的,將滑鼠移到粒子上即可查看效果。 在本文中,我將引導您完成使用 JavaScript 和 HTML5 畫佈建立迷人粒子動畫的過程。該專案不僅增強了網頁的美觀性,而且還是深入研究一些有趣的編碼概念的絕佳機會。讓我們開始吧! 項目概況 動畫的特點是粒子圍繞中心點以圓...
    程式設計 發佈於2024-11-08
  • 使用 JavaScript 釋放大型語言模型的力量:實際應用程式
    使用 JavaScript 釋放大型語言模型的力量:實際應用程式
    In recent years, Large Language Models (LLMs) have revolutionized how we interact with technology, enabling machines to understand and generate human-...
    程式設計 發佈於2024-11-08
  • Bootstrap 與 Tailwind 整合:Pro 與 Contro | Bootstrap 和 Tailwind:優點和缺點
    Bootstrap 與 Tailwind 整合:Pro 與 Contro | Bootstrap 和 Tailwind:優點和缺點
    简介 |介绍 意大利语: 本文有意大利语和英语版本。向下滚动查看英文版本。 英语: 本文有意大利语和英语版本。向下滚动查看英文版本。 意大利语版 Bootstrap 和 Tailwind 集成简介 近年来,Bootstrap和Tailwind CSS已经成为前端开发最流行的两个框架。 Boot...
    程式設計 發佈於2024-11-08
  • 我們如何使用 Gin 框架來增強 Go 應用程式中的錯誤處理?
    我們如何使用 Gin 框架來增強 Go 應用程式中的錯誤處理?
    更好的錯誤處理問題在Go應用程式中,我們如何透過定義自訂錯誤類型(例如appError和實現自定義處理程序來捕獲錯誤並將其寫入回應中?正常的流程邏輯。 ))建立錯誤中間件:func JSONAppErrorReporter() gin.HandlerFunc { 返回 func(c *gin...
    程式設計 發佈於2024-11-08
  • DOM API 終極指南
    DOM API 終極指南
    // Selecting Elements: document is not the real DOM element. document.documentElement; // Select the entire page document.head; // Select the head doc...
    程式設計 發佈於2024-11-08
  • Python 中的實例方法與類別方法:什麼時候應該使用“self”和“cls”?
    Python 中的實例方法與類別方法:什麼時候應該使用“self”和“cls”?
    深入研究類別和實例方法的細微差別:Beyond Self 與ClsPython 增強提案(PEP) 8 建議使用“self”作為實例方法中的第一個參數,「cls」作為類別方法中的第一個參數。這種差異源自於這些方法在處理實例和類別時所扮演的不同角色。 實例方法:自我優勢實例方法在實例的實例上呼叫班級。...
    程式設計 發佈於2024-11-08

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

Copyright© 2022 湘ICP备2022001581号-3