Server-side rendering enhancements slated for Angular 16

Now that Angular 15 has arrived, the builders of the Google-created, TypeScript-based net framework are eyeing enhancements to server-side rendering and runtime efficiency for a deliberate Angular 16 launch.

Tentatively due in Might 2023, Angular 16 would discover hydration and server-side rendering usability enhancements, with a primary step being non-destructive hydration. This system would permit reuse of the server-side DOM, and somewhat than re-rendering it, would solely connect occasion listeners and create information buildings wanted by the Angular runtime.

As a subsequent step, plans name for additional exploration of the dynamically evolving area of partial hydration and resumability. Every method has tradeoffs and Angular’s builders wish to make an knowledgeable determination on an optimum, long-term resolution.

Hydration and server-side rendering usability enhancements had been listed on an Angular roadmap that was final up to date November 5. Though these enhancements are usually not related to a specific Angular model within the roadmap, a Google official this week referred to them when requested what the plans had been for Angular 16.

Different options cited by Google for Angular 16 embody the next:

• Revisiting Angular’s reactivity mannequin and making Zone.js non-compulsory to enhance runtime efficiency. Angular by default runs change detection globally; choices are being examined to run change detection solely in affected parts. This simplifies the framework, improves debugging, and reduces software bundle measurement.
• Introduction of dependency injection debugging APIs.
• Bettering documentation and schematics for standalone parts. An ng new assortment is being developed for purposes bootstrapped with a standalone part.
• Exploring choices to enhance JavaScript bundles created by Angular CLI.
• Doc refactoring, to make sure all documentation suits right into a constant set of content material sorts.

Different efforts in progress however not cited by Google as deliberate for Angular 16 embody:

• Streamlining standalone imports with the language service, together with computerized importing of template dependencies for standalone parts. To allow smaller software bundles, the language service will suggest computerized elimination of unused imports.
• New CDK (Element Dev Equipment) primitives for constructing customized parts primarily based on the WAI-ARIA (Net Accessibility Initiative Accessible Wealthy Web Functions) design patterns for Combobox.

Options and enhancements on the roadmap however not essentially in progress embody token-based theming APIs and enabling Materials 3 capabilities; modernizing unit testing; revamping efficiency dashboards to detect regressions; and enhancing construct efficiency, with ngc as a tsc plugin distribution. Ergonomic component-level code-splitting APIs and making certain easy adoption for future RxJS modifications additionally had been cited.