注意
Zoneless はexperimental(実験的機能)です。
Angular は@18.2.12です。

前置き

Angular の記事を読むとZoneless という単語がよく出てくる。
気になったので、公式サイトを見ながら少し触って通常(withZone)とZonelessとを比較したメモがこちら。
なお、今回比較したのは次の3点。

AsyncPipe の挙動
制御フロー構文の挙動
Signal input の挙動

↓公式サイト

↓成果物

本編

結果

AsyncPipe の挙動の変化も制御フロー構文の挙動の変化も、今回のやり方では分からなかった。
Signal input の挙動の変化は以下の通りであった。
withZone の場合は、都度ngDoCheck()が発火し、更新された値が画面に表示された。
Zoneless の場合は、Signal を使用した子コンポーネントのみngDoCheck()が発火し、それ以外は発火しなかったた。
また、Signal を使用していなければ更新された値が画面に表示されなかった。

感想

楽しかった。
あと、今後どうなるか分からないけど、Signal って重要なんだなって思った。

今回の記事は以上です。

前回記事はこちら

詳細見たい人はこちら