Angular Addicts # Angular 暗黙的ライブラリ、将来はスタンドアロンなど-jsチュートリアル-php.cn

Angular Addicts # Angular 暗黙的ライブラリ、将来はスタンドアロンなど

WBOY

リリース： 2024-09-10 16:30:53

オリジナル

1089 人が閲覧しました

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

?Angular Addict の皆さん

これは、私の注意を引いた厳選された Angular リソースを毎月まとめた Angular Addicts ニュースレターの第 29 号です。（第28回、第27回、第26回はこちら）

?リリースのお知らせ

? Angular 18.2 の新機能は何ですか?

Angular の最新マイナーバージョンである Angular 18.2 が 8 月にリリースされました。 Cédric Exbrayat が主要な新機能について説明します:

fakeAsync での自動フラッシュ
whenStable ヘルパー
ルーターのdefaultQueryParamsHandling
コンストラクター経由で依存関係注入を注入関数に移行するための移行
ルートで使用されるスタンドアロンコンポーネントを遅延読み込みされるように変換するための移行
イベントバインディング内の呼び出されない関数と未使用の @let 宣言を検出するための新しい診断
ビルダーでの属性ベースのローダー構成のサポート

? Nx19.5登場！ Stackblitz、Bun、Vite 用のインクリメンタルビルド、Gradle Test Atomizer

Nx の最新のマイナーバージョンが先月リリースされました。 Zack DeRose は新機能を次のように要約しています:

StackBlitz サポート
Bun および pnpm v9 のサポート
ローカルの不安定なタスクの検出
プロジェクト詳細ビューの機能強化
targetDefaults のパターンのサポート
個々のターゲットが並列処理をオプトアウトできるようになりました
Vite の増分ビルドのサポート
プロジェクト Crystal 変換ジェネレーター
Gradle コンポジットビルドのサポート
実験的: Gradle テストのアトマイゼーション
実験的: Nx リリースではファイルベースのバージョン管理サポートが追加されました
React 19 (rc) および Angular 18.1 のサポート

?2024年8月のAngular Gem

?Nx を使用した暗黙的ライブラリ: 慣例による軽量の Angular アーキテクチャ

Manfred Steyer は、規約を使用して Nx プラグインによってライブラリ構成が導出されるアーキテクチャを示しています。暗黙的ライブラリを使用すると、index.ts ファイルを含むフォルダーを作成することで新しいライブラリを作成できます。

暗黙的ライブラリのアイデアは、Younes Jaaidi のブログ投稿から来ています。彼は、このトピックに関するステップバイステップのガイドも作成しました。

?Angular 18.2 での孤立モジュールの使用

Angular 18.2 は TypeScript の孤立モジュールをサポートします。この機能により、実稼働環境のビルド時間が短縮される可能性があります。 Mark Thompson と Charles Lyding が、この機能の仕組みと Angular プロジェクトでの設定方法について説明します。

?未来はスタンドアロン！

Angular 19 では、standalone: true がコンポーネント、ディレクティブ、パイプのデフォルト設定になります。 Alex Rickabaugh は、NgModules は廃止されず、次のような自動移行が行われることを明らかにしました。

スタンドアロンの削除: 既存のスタンドアロンコンポーネントの場合は true
既存の NgModule コンポーネントにスタンドアロン: false を追加して、引き続き動作できるようにします

?Envless Angular アプリケーションの作成

Maksim Dolgikh 氏は、記事の中で、環境ごとにハードコーディングされたコードからどこでも使用できるユニバーサルビルドに移行する方法を説明しています。彼は 2 つの解決策を提案しています:

構成サーバーから構成を取得します
Docker イメージの取得段階で Docker を使用し、JSON 構成ファイルを作成します

?単純な React コンポーネントを Angular に移植する

Chau Tran は、React と Angular の構成モデルを比較し、React Three Fiber の選択コンポーネントと選択コンポーネントの使用方法を説明し、これらのコンポーネントを React から Angular に移植するための詳細なガイドを提供します。

?‍?著者について

私の名前は Gergely Szerovay です。私は長年データサイエンティストおよびフルスタック開発者として働いており、Angular ベースのフロントエンド開発に重点を置いてフロントエンドテクノロジーリードとして働いてきました。私の役割の一環として、私は Angular とフロントエンド開発シーン全体がどのように進化しているかを常に観察しています。私の知識を共有するために、2022 年に Angular Addicts の月刊ニュースレターと出版物を開始し、毎月出会う最高のリソースをお届けできるようにしました。あなたが経験豊富な Angular Addict であっても、初心者であっても、私はあなたをカバーします。ライターとして参加したい方はお知らせください。一緒にAngularを学びましょう！ここから購読してください?

Angular はここ数年で非常に急速に進化しており、ここ 1 年で生成 AI の台頭により、ソフトウェア開発ワークフローも急速に進化しました。 AI 支援ソフトウェア開発の進化を綿密に追跡するために、私は AI ツールの公開を開始し、進捗状況を AIBoosted.dev で公開することにしました。この学習の旅に参加してください: ここから購読してください?

Substack(Angular Addicts), Substack(AIBoosted.dev), Medium, Dev.to, Twitter 또는 LinkedIn에서 나를 팔로우하여 Angular에 대한 자세한 내용과 AI, Typescript, React 및 Angular를 사용하여 AI 앱을 구축하는 방법을 알아보세요!