News/Tech News

Improved server-side rendering with Angular 16

Published on Dec 02, 2022

In addition to runtime performance, asynchronous activities will also be addressed in the planned upgrade to the popular web framework.

Angular 15 has been released, and the developers of the Google-created, TypeScript-based web framework are looking forward to improving server-side rendering and runtime performance in Angular 16.

Angular 16 is scheduled to be released in May 2023 and will explore improvements to server-side rendering and hydration. A first step will be to implement non-destructive hydration. It would allow reuse of the server-side DOM and instead of re-rendering it, it would only attach event listeners and create data structures needed by Angular.

Plans call for further exploration of the dynamically evolving space of partial hydration and resumability. Angular’s builders would like to make an informed decision on a long-term, optimal solution.

An Angular roadmap last updated November 5 listed improvements for hydration and server-side rendering. The improvements are not associated with an Angular version in the roadmap, but a Google official this week referred to them when asked about Angular 16.

Google mentions the following features for Angular 16:

Reviewing Angular’s reactivity model and making Zone.js optional. By default, Angular runs change detection globally; options are being explored to run it only in affected components. It simplifies the framework, improves debugging, and reduces application bundle size.

APIs for debugging dependency injection.

Documentation and schematics for standalone components. A new collection is being developed for standalone applications.

Angular CLI JavaScript bundles can be improved.

Ensure all documentation fits into a consistent set of content types through refactoring.

Google has not cited these efforts as part of Angular 16:

Automatically importing template dependencies for standalone components with the language service. Language service will automatically remove unused imports to enable smaller application bundles.

Component Dev Kit (CDK) primitives for building custom components based on WAI-ARIA (Web Accessibility Initiative Accessible Rich Internet Applications).

The roadmap includes token-based theing APIs and Material 3 capabilities, modernizing unit testing, enhancing performance dashboards to detect regressions, and improving build performance. NGc as a TSC plugin distribution will improve build performance. Code-splitting APIs that are ergonomic and ensuring smooth adoption of future RxJS changes were also mentioned.

Tech News

Updated API and memory management in Wasmer 3.0

Updated API and memory management in Wasmer 3.0

Wasmer’s server-side runtime for WebAssembly (Wasm) has just been updated to version 3.0…

JetBrains

New IDE for automating tests, Aqua, from JetBrains

JetBrains Aqua, now in preview, is a new integrated development environment (IDE) that focuses…

Our Latest Blog

Unlock Your Potential with a Level 5 Diploma in Business London's Top Courses img

Unlock Your Potential with a Level 5 Diploma in Business: London’s Top Courses

Are you looking to enhance your knowledge and skills in the field of business? Do...
Read More
Unlock Your Potential with Level 4 Diploma in Business Courses in London img

Unlock Your Potential with Level 4 Diploma in Business Courses in London

Are you looking for a comprehensive course to take your business career to the next...
Read More

Follow Us

Resources

Presentations
Browse LSET presentations to understand interesting…

Explore Now


eBooks
Get complete guides to empower yourself academically…

Explore Now


Infographics
Learn about information technology and business…

Explore Now