」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > Angular Addicts # Angular 隱式函式庫,未來是獨立的等等

Angular Addicts # Angular 隱式函式庫,未來是獨立的等等

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

Angular Addicts # Angular implicit libraries, the future is standalone & more

?嘿,Angular Addict 夥伴

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

?發佈公告

? Angular 18.2 有哪些新功能?

Angular 18.2 是 Angular 的最新次要版本,於 8 月發布。 Cédric Exbrayat 介紹了主要的新功能:

  • fakeAsync 中的自動刷新
  • 當穩定助手
  • 路由器中的defaultQueryParams處理
  • 遷移將透過建構函式完成的依賴注入遷移到注入函式
  • 遷移以將路由中使用的獨立元件轉換為延遲載入
  • 新的診斷功能可擷取事件綁定中未呼叫的函數和未使用的 @let 聲明
  • 建構器中基於屬性的載入器配置支援

? Nx 19.5 來了! Stackblitz、Bun、Vite 增量建置、Gradle Test Atomizer

Nx 的最新小版本已於上個月發布。 Zack DeRose 總結了新功能:

  • StackBlitz 支援
  • Bun 和 pnpm v9 支持
  • 本地片狀任務檢測
  • 專案詳細檢視增強功能
  • targetDefaults 的模式支援
  • 單一目標現在可以選擇退出並行性
  • 支援Vite增量建置
  • 水晶專案轉換發電機
  • Gradle 複合建構支援
  • 實驗:Gradle測試霧化
  • 實驗性:Nx 版本新增了基於檔案的版本控制支援
  • 支援 React 19 (rc) 和 Angular 18.1

?2024 年 8 月的角寶石

?帶有 Nx 的隱式庫:按慣例的輕量級 Angular 架構

Manfred Steyer 向我們展示了一種架構,其中庫配置由 Nx 插件使用約定導出。使用隱式庫,我們可以透過建立一個包含index.ts檔案的資料夾來建立一個新庫。

隱式庫的想法來自 Younes Jaaidi 的部落格文章。他還撰寫了有關此主題的逐步指南。

?在 Angular 18.2 中使用isolatedModules

Angular 18.2 支援 TypeScript 隔離模組。此功能可能會縮短生產建置時間。 Mark Thompson 和 Charles Lyding 解釋了此功能的工作原理以及如何在 Angular 專案中設定它。

?未來是獨立的!

在 Angular 19 中,standalone: true 將成為元件、指令和管道的預設設定。 Alex Rickabaugh 澄清 NgModules 不會被棄用,並且將會有一個自動遷移:

  • 刪除獨立組件:對於現有獨立組件為 true
  • 在現有 NgModule 元件中加入standalone: false,以便它們繼續工作

?創建 Envless Angular 應用程式

在他的文章中,Maksim Dolgikh 解釋瞭如何從針對每個環境的硬編碼代碼轉變為可在任何地方使用的通用構建。他提出了兩種解決方案:

  • 從配置伺服器取得配置
  • 在 Docker 映像檢索階段使用 Docker 並建立 JSON 設定檔

?將一個簡單的 React 元件移植到 Angular

Chau Tran 比較了 React 和 Angular 的組合模型,解釋如何使用 React Three Fiber 中的 Selection 和 Select 元件,並提供了將這些元件從 React 移植到 Angular 的詳細指南。

??‍?關於作者

我的名字是 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 #28:Angular 18.1、組件測試、SSR 指南等
  • Angular Addicts #27:NgRx 18、新 RFC:DomRef API、帶訊號的 Web 儲存等
  • Angular Addicts #26:Angular 18、最佳實踐、最近的會議錄音等

?提交您的 Angular 資源

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

版本聲明 本文轉載於:https://dev.to/this-is-angular/angular-addicts-29-angular-182-implicit-libraries-the-future-is-standalone-more-1g36?1如有侵犯,請聯絡[email protected]刪除
最新教學 更多>
  • 如何使用Java.net.urlConnection和Multipart/form-data編碼使用其他參數上傳文件?
    如何使用Java.net.urlConnection和Multipart/form-data編碼使用其他參數上傳文件?
    使用http request 上傳文件上傳到http server,同時也提交其他參數,java.net.net.urlconnection and Multipart/form-data Encoding是普遍的。 Here's a breakdown of the process:Mu...
    程式設計 發佈於2025-03-09
  • 為什麼使用Firefox後退按鈕時JavaScript執行停止?
    為什麼使用Firefox後退按鈕時JavaScript執行停止?
    導航歷史記錄問題:JavaScript使用Firefox Back Back 此行為是由瀏覽器緩存JavaScript資源引起的。要解決此問題並確保在後續頁面訪問中執行腳本,Firefox用戶應設置一個空功能。 警報'); }; alert('inline Alert')...
    程式設計 發佈於2025-03-09
  • 如何使用FormData()處理多個文件上傳?
    如何使用FormData()處理多個文件上傳?
    )處理多個文件輸入時,通常需要處理多個文件上傳時,通常是必要的。 The fd.append("fileToUpload[]", files[x]); method can be used for this purpose, allowing you to send multi...
    程式設計 發佈於2025-03-09
  • 如何使用組在MySQL中旋轉數據?
    如何使用組在MySQL中旋轉數據?
    在關係數據庫中使用mySQL組使用mySQL組進行查詢結果,在關係數據庫中使用MySQL組,轉移數據的數據是指重新排列的行和列的重排以增強數據可視化。在這裡,我們面對一個共同的挑戰:使用組的組將數據從基於行的基於列的轉換為基於列。 Let's consider the following ...
    程式設計 發佈於2025-03-09
  • 為什麼Microsoft Visual C ++無法正確實現兩台模板的實例?
    為什麼Microsoft Visual C ++無法正確實現兩台模板的實例?
    The Mystery of "Broken" Two-Phase Template Instantiation in Microsoft Visual C Problem Statement:Users commonly express concerns that Micro...
    程式設計 發佈於2025-03-09
  • 大批
    大批
    [2 數組是對象,因此它們在JS中也具有方法。 切片(開始):在新數組中提取部分數組,而無需突變原始數組。 令ARR = ['a','b','c','d','e']; // USECASE:提取直到索引作...
    程式設計 發佈於2025-03-09
  • 為什麼不使用CSS`content'屬性顯示圖像?
    為什麼不使用CSS`content'屬性顯示圖像?
    在Firefox extemers屬性為某些圖像很大,&& && && &&華倍華倍[華氏華倍華氏度]很少見,卻是某些瀏覽屬性很少,尤其是特定於Firefox的某些瀏覽器未能在使用內容屬性引用時未能顯示圖像的情況。這可以在提供的CSS類中看到:。 googlepic { 內容:url(&...
    程式設計 發佈於2025-03-09
  • HTML格式標籤
    HTML格式標籤
    HTML 格式化元素 **HTML Formatting is a process of formatting text for better look and feel. HTML provides us ability to format text without us...
    程式設計 發佈於2025-03-09
  • 可以在純CS中將多個粘性元素彼此堆疊在一起嗎?
    可以在純CS中將多個粘性元素彼此堆疊在一起嗎?
    [2这里: https://webthemez.com/demo/sticky-multi-header-scroll/index.html </main> <section> { display:grid; grid-template-...
    程式設計 發佈於2025-03-09
  • 對象擬合:IE和Edge中的封面失敗,如何修復?
    對象擬合:IE和Edge中的封面失敗,如何修復?
    解決此問題,我們採用了一個巧妙的CSS解決方案來解決問題:左:50% ; 高度:auto; 寬度:100% ; //對於水平塊 ,使用絕對定位將圖像定位在中心,以object-fit:object-fit:cover in IE和edge消除了問題。現在,圖像將按比例擴展,保持所需的效果而不會失...
    程式設計 發佈於2025-03-09
  • 我可以將加密從McRypt遷移到OpenSSL,並使用OpenSSL遷移MCRYPT加密數據?
    我可以將加密從McRypt遷移到OpenSSL,並使用OpenSSL遷移MCRYPT加密數據?
    將我的加密庫從mcrypt升級到openssl 問題:是否可以將我的加密庫從McRypt升級到OpenSSL?如果是這樣,如何? 答案:是的,可以將您的Encryption庫從McRypt升級到OpenSSL。 可以使用openssl。 附加說明: [openssl_decrypt()函數要求...
    程式設計 發佈於2025-03-09
  • 如何檢查對像是否具有Python中的特定屬性?
    如何檢查對像是否具有Python中的特定屬性?
    方法來確定對象屬性存在尋求一種方法來驗證對像中特定屬性的存在。考慮以下示例,其中嘗試訪問不確定屬性會引起錯誤: >>> a = someClass() >>> A.property Trackback(最近的最新電話): 文件“ ”,第1行, AttributeError: SomeClass...
    程式設計 發佈於2025-03-09
  • 如何在JavaScript對像中動態設置鍵?
    如何在JavaScript對像中動態設置鍵?
    在嘗試為JavaScript對象創建動態鍵時,如何使用此Syntax jsObj['key' i] = 'example' 1;不工作。正確的方法採用方括號: jsobj ['key''i] ='example'1; 在JavaScript中,數組是一...
    程式設計 發佈於2025-03-09
  • 如何克服PHP的功能重新定義限制?
    如何克服PHP的功能重新定義限制?
    克服PHP的函數重新定義限制在PHP中,多次定義一個相同名稱的函數是一個no-no。嘗試這樣做,如提供的代碼段所示,將導致可怕的“不能重新列出”錯誤。 但是,PHP工具腰帶中有一個隱藏的寶石:runkit擴展。它使您能夠靈活地重新定義函數。 runkit_function_renction_...
    程式設計 發佈於2025-03-09
  • Java是否允許多種返回類型:仔細研究通用方法?
    Java是否允許多種返回類型:仔細研究通用方法?
    在Java中的多個返回類型:一種誤解類型:在Java編程中揭示,在Java編程中,Peculiar方法簽名可能會出現,可能會出現,使開發人員陷入困境,使開發人員陷入困境。 getResult(string s); ,其中foo是自定義類。該方法聲明似乎擁有兩種返回類型:列表和E。但這確實是如此嗎...
    程式設計 發佈於2025-03-09

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

Copyright© 2022 湘ICP备2022001581号-3