Angular11の新機能

Googleが開発したWebフレームワークの最新のアップグレードであるAngular11が、製品リリースとして公開されました。ハイライトには、より厳密なタイプ、ルーターのパフォーマンスの向上、およびフォントの自動インライン化が含まれます。

この最後の機能では、最初の満足のいくペイントを高速化することで、アプリが高速化されます。コンパイル時に、Angular CLIは、アプリケーションで使用およびリンクされているフォントをダウンロードしてインライン化します。Angular 11を使用するアプリでは、自動フォントインライン化がデフォルトで有効になります。これを利用するには、アプリケーションを更新する必要があります。

GitHubで利用可能なAngular11の製品リリースは、一連のベータバージョンとリリース候補に従います。Angular11のその他の改善点は次のとおりです。

  • parallelコンポーネントとの複数の非同期相互作用を並列に有効にすることで、テストでの非同期アクションの操作を容易にする機能を備えた、パフォーマンスの向上と新しいAPI 。
  • DatePipeObservableまたは配列を渡すなどの誤用をキャッチするために、より厳密なタイプがパイプに追加され、パイプに番号が付けられます。
  • レポートとログの改善。
  • より強力でより正確なエクスペリエンスを提供するAngularLanguageServiceのアップデート。
  • ホットモジュール交換(HMR)サポートの更新では、CLIを利用して、でアプリケーションを起動するときにHMRを有効にできますng serve
  • 実験的なWebpack5のサポートは、CommonJSツリーシェイクのおかげで、永続的なディスクキャッシングとより小さなバンドルを備えたより高速なビルドへのパスを提供します。
  • TSLintは非推奨になり、プロジェクト作成者はESLintへの移行を推奨しています。
  • Angularコンパイラの場合keySpanVariableノードに追加されます。
  • Angular 11のルーターは、デフォルト値のrelativeLinkResolution を「レガシー」から「修正済み」に変更します 。移行RouterModuleでは、デフォルト値を使用する構成が更新され、更新中の破損を防ぐために「レガシー」が特に使用されるようになりました。
  • コアの修正では、信頼できるタイプのポリシーが開発モードで導入されています。これにより、信頼できるタイプへの任意の安全でない変換が可能になり、開発機能がサポートされます。また、Angularが内部で使用するTrustedTypesポリシーを作成するためのモジュールが追加されています。
  • 新しいinitialNavigationオプションがレガシー機能に追加されています。
  • ルーターでのコードリファクタリングの場合、navigateByUrlおよびのパラメーターのタイプは、createUrlTreeより正確になるように調整されています。
  • ルーターのパフォーマンスを向上させるために、ngDevModeを使用してエラーメッセージをツリーシェイクできます。
  • サービスワーカー向けにUnrecoverableStateError 通知が追加され、アプリケーションの一部のみが正しく読み込まれるという壊れた状態が発生する問題が修正されています。この状況は、ブラウザが、サーバー上でもう見つからないキャッシュから熱心にキャッシュされたアセットを削除したときに発生しました。
  • Microsoft IE9およびIE10ブラウザーのサポートは、IEモバイルのサポートと同様に削除されます。
  • ISO週番号年形式のサポートがに追加されていformatDateます。
  • コンパイラーCLIの場合、に使用できるインターフェースが定義されていTemplateTypeCheckerます。パフォーマンスがcompiler-cliにも改善されました。
  • コアについては、廃止されたasync関数へのすべてのインポートと呼び出しを検索し、@angular/core/testingそれらをwaitforasync。に置き換える移行が追加されています。
  • nullのタイプに含まれるようになりました.parent
  • 一般的なパイプの入力の改善やTestBed、オーバーライドプロバイダーの前にインスタンス化されないようにするための別の修正など、多数のバグ修正が計画されています。
  • TypeScript3.9のサポートはコンパイラから削除されました。TypeScript4.0へのアップグレードをお勧めします。

Angular向けに公開されたロードマップには、開発中または将来を見据えた機能がリストされており、ネイティブの信頼できる型やフォームの厳密な型付けなどの機能が引用されています。コンパイラとルーターが改善されたAngular10.1ポイントリリースが9月8日にリリースされました。ツールとエコシステム機能を備えたAngular10.0が6月24日に到着しました。