• Fri. Nov 22nd, 2024

Angular 19 bolsters server-side rendering with incremental hydration

Byadmin

Nov 22, 2024



Prior to Angular 19, when server-side rendering is enabled, by default Angular will server-side render all of the parameterized routes and pre-render all routes without parameters. With the route-level render mode, Angular provides a new interface, ServerRoute, that allows developers to configure whether individual routes should be server-side rendered, prerendered, or rendered on the client side.

Also in Angular 19, event replay is enabled by default. A common problem in server-side-rendered applications is the gap between a user event and the browser downloading and executing code responsible for handling the event. An event dispatch library was shared last May to address this use case. Event dispatch captures initial load events and replays them when the code responsible for handling events is available.

Angular 19 is hot module replacement (HMR) for styles out of the box. The release enables experimental support for template HMR behind a flag. Before this improvement, when a developer changed the style or template of a component and saved the file, the Angular CLI would rebuild the app and send a notification to the browser, which would refresh. The new HMR will compile the style or template refreshed, send the result to the browser, and patch the application without a page refresh and any state loss. This provides a faster turnaround and uninterrupted flow state.



Source link