Incremental Hydration - Angular 19!!!

In simple, Hydration is a process of activating server side rendered HTML page on client.Incremental hydration is a process that activates only on demand. Before the introduction of hydration, client side application will destroy and rerender DOM, this makes UI-FLICKER.It results in First Input Delay and Largest Contentful Paint. After hydration is enabled, instead of destroying and re-rendering the DOM,Client side angular application tries to match the existing DOM elements to the application structure at runtime. By reusing the existing DOM elements, angular hydration prevents the UI FLICKER and improve performance. To enable hydration, go to app.module.ts

                    import {provideclienthydration} from '@angular/platform-browser';
                    providers:[provideClientHydration]

                        export const appConfig:ApplicationConfig={
                        providers:[provideRouter(route),provideClientHydration()]                    
    }