Angular の制御フロー移行スクリプトから学んだ教訓

著者は、非推奨の 'NgIf'、'NgFor'、および 'NgSwitch' ディレクティブから新しい制御フロー構文に Angular コードを移行したチームの経験について詳しく説明します。彼らは、移行スクリプトの実行後に慎重な手動レビューを行い、大きなプルリクエストを避けることの重要性を強調しています。 この記事では、リスクを最小限に抑えるために、移行中に無関係なコードのクリーンアップ変更を行うことに注意しています。 具体的には、否定された 'if' ステートメントを 'else' ブロックに変換したり、冗長な 'div' タグを削除したりすることに対して警告します。これは微妙なバグを引き起こす可能性があるためです。 'let i = $index' を '$index' だけに置き換えることは、安全な変更と見なされます。 著者は、移行後のインライン要素の間隔の問題を指摘し、潜在的な問題を特定するのに役立つスクリプトを提供します。彼らは、パフォーマンスのために '@for' ループで 'track' を使用する利点を強調し、移行による 'ng-template else' ブロックの処理について説明します。著者はまた、 'ngSwitchCase'ブロックの外側のランダムなHTMLが問題を引き起こす可能性があると述べています。最後に、移行スクリプトはコードを適切にフォーマットせず、インポートを削除した後で空行が残る可能性があります。