Angular 16 to enhance server-side rendering

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

Tentatively due in Could 2023, Angular 16 would discover hydration and server-side rendering usability enhancements, with a primary step being non-destructive hydration. This method would enable reuse of the server-side DOM, and reasonably than re-rendering it, would solely connect occasion listeners and create knowledge constructions wanted by the Angular runtime.

As a subsequent step, plans name for additional exploration of the dynamically evolving house of partial hydration and resumability. Every method has tradeoffs and Angular’s builders wish to make an knowledgeable choice 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 aren’t related to a selected 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 embrace the next:

• Revisiting Angular’s reactivity mannequin and making Zone.js optionally available to enhance runtime efficiency. Angular by default runs change detection globally; choices are being examined to run change detection solely in affected elements. This simplifies the framework, improves debugging, and reduces software bundle dimension.
• Introduction of dependency injection debugging APIs.
• Bettering documentation and schematics for standalone elements. 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 matches right into a constant set of content material varieties.

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

• Streamlining standalone imports with the language service, together with automated importing of template dependencies for standalone elements. To allow smaller software bundles, the language service will suggest automated removing of unused imports.
• New CDK (Part Dev Package) primitives for constructing customized elements based mostly on the WAI-ARIA (Internet Accessibility Initiative Accessible Wealthy Web Functions) design patterns for Combobox.

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