Angular 11 has been released with updates across the platform including the framework, the CLI and components. More specifically, the new version enforces stricter types and has automatic inlining of fonts.

Angular is an open source TypeScript-based web application framework that can be used for building JavaScript apps and dynamic web pages. Following work on its development by Google, it has gained widespread support.

The new stricter types have been added for the built-in datapipe and number pipe, as well as other common ones such as AsyncPipe and  I18nPluralPipe. In previous releases the types didn’t state explicitly which types are accepted; they now do.

Work has also been done to add support for the new Trusted Types API, which is part of the Web platform. The API is designed to prevent DOM-based Cross-Site Scripting (XSS) attacks. In the new Angular release, there’s a special Trusted Types policy that is available and enabled during development, allowing arbitrary and unsafe conversions to Trusted Types.

Angular 11 is faster, particularly for the Angular compatibility compiler, NGCC, which is now two to four times faster. The new release also supports TypeScript 4.0, and this also brings faster compilation times.

Automatic font inlining has also been introduced, and the Angular CLI will now download and inline the fonts that are either used or linked to by the application.

Reporting and logging is another area that has received attention, and the developers say the CLI output now includes much more user-friendly and readable information.

Hot Module Replacement (HMR) support has been added to the Angular CLI. The team says that HMR is a feature that has been supported by Webpack for a long time, and once enabled, changes to components, templates, and styles are immediately applied to the running application, without requiring a full page refresh. Experimental support has also been added for Webpack 5, providing improved build performance with persistent caching among as well as improved long term caching. 

More Information

Angular Site

Related Articles

Angular 8 Adds Default Differential Loading  

Angular Jumps To Version 4  

Angular 2.0.0 Launched 

AngularJS 2.0 Is Radically Different

To be informed about new articles on I Programmer, sign up for our weekly newsletter, subscribe to the RSS feed and follow us on Twitter, Facebook or Linkedin.

Comments

Make a Comment or View Existing Comments Using Disqus

or email your comment to: comments@i-programmer.info