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

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

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

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]刪除
最新教學 更多>
  • 如何在頁面載入後動態載入較少的樣式表?
    如何在頁面載入後動態載入較少的樣式表?
    動態加載LESS 樣式表<link rel="stylesheet/less" href="/static/less/style.less" /> <script src="http://lesscss.googlecode.com...
    程式設計 發佈於2024-11-08
  • 使用 Python 列表的優雅而簡單的方法:列表推導式
    使用 Python 列表的優雅而簡單的方法:列表推導式
    您可能認為列表理解是一個高級概念。然而,在棘手的情況下,它只需一行就可以簡化您的程式碼。是時候了解它是如何運作的了。我將用示例.在初級水平上解釋它 列表理解到底是什麼? 您經常看到符號 l2 = [x 1 for x in l]。據說是這樣的: l2 = [] for x in l:...
    程式設計 發佈於2024-11-08
  • 如何從 Java WebDriver 執行 JavaScript 程式碼?
    如何從 Java WebDriver 執行 JavaScript 程式碼?
    從Java執行WebDriver JavaScript:增強指南問題中提到的命令./go webdriverjs是一個shell命令設計在特定文件夾中設定並初始化WebDriverJs 環境。但是,需要注意的是,WebDriverJs 是一種語言綁定,它支援 JavaScript 測試,而不是從 J...
    程式設計 發佈於2024-11-08
  • 下載網頁到ESP或簡單可程式控制器
    下載網頁到ESP或簡單可程式控制器
    為了將網頁儲存到ESP8266的FLASH中,我特地用delphi編寫了一個軟體工具。 該軟體工具從一個資料夾中讀取所有網頁檔案(包括html、css、js、圖片等),並將其打包為二進位檔案。 將ESP8266的GPIO0接地即可啟動,ESP8266進入串口下載模式。 然後使用下載軟體選擇打包...
    程式設計 發佈於2024-11-08
  • 為我的 D&D 表建立自訂 Stream Deck:使用自訂 SDK 解決遊戲手把整合問題
    為我的 D&D 表建立自訂 Stream Deck:使用自訂 SDK 解決遊戲手把整合問題
    作為一個熱情的龍與地下城玩家和技術愛好者,我決定通過創建一個帶有嵌入式屏幕的定制咖啡桌來提升我的遊戲設置。這張桌子顯示地圖、代幣、播放音效,甚至為玩家展示藝術品。所有這一切都透過一個名為 Foundry VTT 的強大平台運行,該平台與 Roll20 類似,但具有更好的定價模型和廣泛的開放模組系統。...
    程式設計 發佈於2024-11-08
  • 如何在 PHP 中有效率地計算兩個日期之間的月份數?
    如何在 PHP 中有效率地計算兩個日期之間的月份數?
    有效找出日期之間的月份計數一個常見的程式設計挑戰是確定兩個日期之間的月份數。在 PHP 中,有許多方法可以解決這個問題。 使用 DateTime 類別 (PHP >= 5.3):PHP 5.3 中引入的 DateTime 類別提供了方便的方法用於日期操作。計算月份差異:$d1 = new DateT...
    程式設計 發佈於2024-11-08
  • Bootstrap:建立和自訂導覽列
    Bootstrap:建立和自訂導覽列
    介紹 Bootstrap 是一個開源框架,廣泛用於 Web 開發,用於建立響應式且適合行動裝置的網站。 Bootstrap 的關鍵元件之一是導覽欄,它是一個水平導覽欄,用於組織和導覽網站的內容。在本文中,我們將討論使用 Bootstrap 建立和自訂導覽列的優點和缺點及其功能。 ...
    程式設計 發佈於2024-11-08
  • 將 WebSocket 與 Python 結合使用
    將 WebSocket 與 Python 結合使用
    什麼是 WebSocket? WebSocket 是一種支援瀏覽器和伺服器之間即時、雙向通訊的協定。傳統的 HTTP 通訊涉及客戶端發送請求和伺服器回應以交換資料。相較之下,使用 WebSocket,一旦建立了初始連接,客戶端和伺服器都可以相互發送和接收訊息,而無需重複建立新連接。...
    程式設計 發佈於2024-11-08
  • 如何在 PHP 中從子網域中提取網域?
    如何在 PHP 中從子網域中提取網域?
    在PHP 中從子域中提取域名在當代Web 開發中,必須解析和檢索域名,甚至是從子域中解析和檢索網域名稱。一個簡單的範例可能包括諸如“here.example.com”或“example.org”之類的網域。為了滿足這一需求,我們提出了一個全面的 PHP 函數,旨在從任何給定的輸入中提取根域名。 結合...
    程式設計 發佈於2024-11-08
  • 如何在多執行緒程式設計中連接向量以獲得最佳效率?
    如何在多執行緒程式設計中連接向量以獲得最佳效率?
    連結向量:深入分析在多執行緒程式設計中,合併結果是一個常見的挑戰。這通常涉及將多個向量組合成單一綜合向量。讓我們探索連接向量以獲得最大效率的最佳方法。 最佳連接方法為了高效的向量連接,最佳實踐是利用保留和插入方法:AB.reserve(A.size() B.size()); // Preallo...
    程式設計 發佈於2024-11-08
  • 如何優化FastAPI以實現高效的JSON資料回傳?
    如何優化FastAPI以實現高效的JSON資料回傳?
    FastAPI 傳回大型 JSON 資料的最佳化透過 FastAPI 傳回大量 JSON 資料集可能是一項耗時的任務。為了解決這個瓶頸,我們探索提高效能的替代方法。 識別瓶頸:使用 json.dumps 將 Parquet 檔案解析為 JSON 的初始方法( ) 和 json.loads() 效率低...
    程式設計 發佈於2024-11-08
  • React:狀態 X 派生狀態
    React:狀態 X 派生狀態
    什麼是派生狀態?考慮文字的一種狀態,然後考慮大寫文字的另一種狀態。 匯出狀態 function Foo() { const [text, setText] = useState('hello, za warudo!'); const [uppercaseText, ...
    程式設計 發佈於2024-11-08
  • 如何使用自訂使用者類型將 PostgreSQL JSON 欄位對應到 Hibernate 實體?
    如何使用自訂使用者類型將 PostgreSQL JSON 欄位對應到 Hibernate 實體?
    將 PostgreSQL JSON 欄位對應到 Hibernate 實體使用 PostgreSQL 資料庫時,常常會遇到以 JSON 格式儲存資料的資料列。為了使用 Hibernate 有效地將這些欄位對應到 Java 實體,選擇適當的資料類型至關重要。 在這種情況下,目前的問題圍繞著將 Postg...
    程式設計 發佈於2024-11-08
  • 確保整個團隊的 Node.js 版本一致
    確保整個團隊的 Node.js 版本一致
    .nvmrc 和 package.json 綜合指南 在現今動態的開發環境中,跨不同專案管理多個 Node.js 版本通常是一項複雜且容易出錯的任務。 Node.js 版本不一致可能會導致許多問題,從意外行為到應用程式完全失敗。 利用 .nvmrc 檔案進行版本控制 在專案中保持一...
    程式設計 發佈於2024-11-08
  • 何時在 JavaScript Promise 中使用 Promise.reject 與 Throw?
    何時在 JavaScript Promise 中使用 Promise.reject 與 Throw?
    JavaScript Promise:Reject 與Throw 之謎使用JavaScript Promise 時,開發人員經常面臨一個困境:他們是否應該使用Promise . reject 或者只是拋出一個錯誤?雖然這兩種方法具有相似的目的,但關於它們的差異和潛在優勢仍然存在混淆。 探索相似之處最...
    程式設計 發佈於2024-11-08

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

Copyright© 2022 湘ICP备2022001581号-3