DOM updates is part of Angular’s change detection mechanism. This article explores how the rendering part of change detection works and introduces the UpdateRenderer function.

DOM updates that are triggered by the model change is the key feature of all modern front-end frameworks and the Angular is no exception.

Angular magically updates the DOM whenever the name property changes. It’s seems so easy on the outside but it’s actually a pretty complicated process on the inside. DOM updates is part of Angular’s change detection mechanism which mostly consists of three major operations:

• DOM updates
• child components Input bindings updates
• query list updates

This article explores how the rendering part of change detection works. If you ever wondered how that is accomplished read on and achieve enlightenment. When referencing sources I assume that the application is running in production mode. Let’s start.

#angular #change-detection