Angular スタンドアロン コンポーネント、シグナルなどの新機能!

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

Angular は急速な進化を続けています (約 6 か月ごとに新しいメジャー バージョンが発生します)。 2024 年 11 月には、開発者のエクスペリエンスとアプリケーションのパフォーマンスを向上させる強力な機能が満載された Angular 19 が登場します。水分補給の改善から信号の強化まで。 Angular 19 発表イベントのハイライトを見ていきましょう。

1.スタンドアロン コンポーネントがデフォルトになりました

初めてスタンドアロン コンポーネントに出会ったのは Angular 14 で、それ以来リリースごとに改良されてきました。 Angular 19 では、すべてのコンポーネント、ディレクティブ、パイプがデフォルトでスタンドアロンになり、明示的にstandalone: true を設定する必要がなくなります。
さらに、更新はシームレスであり、ng update コマンドは既存のコードベースを自動的にリファクタリングし、スムーズで手間のかからない移行を保証します。

2.シグナル: 反応性の強化

Angular 16 で、Angular Signals と初めて会いました。それは一目惚れでした。彼らは Angular の反応性システムの再構築を続けてきました。 Angular 19 では、input()、output()、model()、viewChild()、viewChildren()、contentChild、contentChildren()、takeUntilDestroyed()、outputFromObservable() など、いくつかのシグナルベースの API が安定した状態に昇格しました。 、およびoutputToObservable().
さらに、Jeremy Elbourne は 2 つの新しい実験的な Signal API を導入しました:

A. リンクされた信号

• 計算式にリンクされたローカル状態を有効にします。
• 初期値を提供します。
• 式が変更されると、自動的に計算値に戻ります。

B. リソース API

• サーバー データなどの非同期値の処理を簡素化します。
• Angular の反応性システムとシームレスに統合します。
• リクエストの結果とステータスの両方をシグナルとして提供します。

移行を簡単に行うために、ng g @angular/core:signal-input-migration、ng g @angular/core:signal-queries-migration、ng g @angular/core:output-migration などのコマンドでコードを自動化します。簡単にリファクタリングできます。 Angular Signals はまさに、開発者の天国でマッチが作られたように感じられます。

3. Angular マテリアル: シンプルなテーマと新しいコンポーネント

Angular マテリアルはリリースのたびに進化し続けており、Angular 19 も例外ではありません。このアップデートでは、2 つの主要な領域にわたって機能強化が導入されています。

新しいテーマ API

• mat.theme API を使用して、より少ないコード行でカスタム テーマを簡素化します。
• 新しい回路図ツールを使用してカスタム カラー パレットを生成し、拡張された 12 色パレットをサポートするようになりました。

新しいコンポーネントと機能

• 2D ドラッグ アンド ドロップ: 柔軟性がさらに向上するために、水平方向の並べ替えがサポートされるようになりました。
• タイムピッカーコンポーネント: 待望の追加です。
• テーマに関するドキュメントの改善: 初心者向けのガイドとコンポーネント固有の詳細な手順。

4.段階的な水分補給: 革新的なパフォーマンス機能

ハイドレーションは Angular の最高の機能の 1 つで、完全なアプリケーション ハイドレーション、ビューの遅延、イベント リプレイなどの革新により、過去数バージョンにわたって進化してきました。この基盤に基づいて、Jessica Janiuk は Angular 19 で最もエキサイティングな追加機能の 1 つである 増分ハイドレーション を導入しました。これは現在開発者プレビューで利用可能です。

仕組み

• サーバーは、プレースホルダーではなく実際のコンテンツをレンダリングします。
• クライアントでは、(対話やビューポートへの入力などによって) トリガーされるまで、コンテンツはデハイドレートされたままになります。

メリット

• 初期ロード時間が短縮されました。
• 小規模な JavaScript バンドル。
• レイアウトのずれやちらつきを軽減し、よりスムーズなユーザー エクスペリエンスを実現します。

結論

今回はここまでです！私の記事を読んでいただきありがとうございます。ご意見やフィードバックをお待ちしています。私が文章を改善し続ける上で、あなたの洞察は非常に貴重です。

次の場所で私とつながることができます:

• Bluesky: mohamedlmine.bsky.social
• X (Twitter): @Mohamed_LmineF
• LinkedIn: モハメドラミネフ

以上がAngular スタンドアロン コンポーネント、シグナルなどの新機能!の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。