Change detection and components
Angular's defalut change detection runs globally by marking a dirty path.
To run change detection for a single component we can use the
This will execute change detection on component level and the whole template get's updated.
Even if this is better than marking a path direty, the smallest unit in the change detection process is a components template. For content or interaction rich components this is not enought to provide good UX. e.g. INP
By using RxAngular's template package and it's directives
rxIf we can improve that and the smallest unit becomes the directive's
This enables fine-grainde reactivity on template binding level which comes with a dramatic performance boost.
[IMG pipe vs directive]