The wait is finally over! Angular has released its latest version, Angular 7. Curious about its features and updates? We have got all the big details right here!
Angular is undoubtedly one of the most popular JavaScript frameworks used to build web and mobile applications. It was released by Google in 2010 and received a warm acknowledgment from the development community. Till date, six stable versions of Angular framework are released – Angular 1 (also known as Angular JS), followed by Angular 2 and Angular 4 succeeded by Angular framework’s version 5 and 6. The release of Angular framework’s version 3 was skipped by Google as there were some issues with the modules.
The beta version of Angular 7 was released earlier this year, in the month of August. Its stable version is finally released. So what’s new in Angular 7? Let’s find out.
Angular 6 supports some solid features such as Bazel Compiler support, TypeScript 2.7 support and more:
Angular 6 included the support for Bazel Compiler. It is basically a build system that is used to build nearly all software at Google. The interesting thing is that this compiler only rebuilds what is necessary (since source code changes very often, it does not make sense to rebuild the entire application for every little change; instead of rebuilding the entire application, it is wise to build only the code which actually changes). This is because it uses advanced local and distributed caching, optimized dependency and parallel execution.
Angular 6 included the support for TypeScript version 2.7. With this, it was much easier for developers to code with conditional type declarations, default declarations and strict class initialization.
The sixth version introduced two major new commands, update and add, in Angular CLI. With ‘ng update’ command, project dependencies are updated to their latest versions. Similar to ng update command, the ‘ng add’ command adds and configures new libraries into a project.
In the earlier versions of Angular framework, it was difficult to develop a widget or component that can be included in any existing web page. With Angular 6, it was made possible with the help of Angular Elements. This feature allowed developers to render their Angular elements as native web elements. This helped businesses to switch to the Angular framework for their Web Application Development.
When Angular 4 was launched a year ago, the <template> element was depreciated. The launch of Angular 6 marked the elimination of the <template> element and introduction of <ng-template>. Despite the relative newness of the sixth version, Angular 7 will probably prove to be the biggest release of this year according to the developer community. As it will be backward compatible with the Angular 6, it will be easy to upgrade an Angular 6 app to Angular 7.
Partner with Angular JS Expert!
The Angular team introduced their 3rd rendering engine called Ivy with the launch of Angular 6. This feature augmented the speed and decreased the size of the app. Ivy is was designed to support backward compatibility with existing renderers and focused on the speed of rendering improvement. It was under development and not a part of version 6.
In the following section, we discuss the new features and bug fixes / updates introduced in Angular 7:
CLI Prompts is added to Schematics, so any package publishing Schematics can take advantage of them by adding an x-prompt
key to a Schematics collection. Furthermore, the CLI will now prompt users when running common commands like ng new
or ng add @angular/material
to help discover built-in features like routing or SCSS support.
Virtual scrolling loads and unloads elements from the DOM based on the visible parts of a list, making it possible to build very fast experiences for users with very large scrollable lists.
Drag and drop support is now in the CDK and includes automatic rendering as the user moves items and helper methods for reordering lists (moveItemInArray) and transferring items between lists (transferArrayItem).
The Angular team has worked on improving the accessibility of the Selects. They have used the native select element in the mat-form-field. With this, the performance, accessibility, and usability of the native select has become better.
Ivy is still under development and is not part of Angular 7. Angular team is busy validating the backward-compatibility with existing applications. Its been rumored that Ivy will be out in the coming months.
In order to decide whether to build Angular code using ngc (legacy) or ngtsc (local), compile_strategy() can be used. Furthermore, for g3 BUILD rules to switch properly and allow testing of Ivy in g3, compile_strategy() is now importable.
Angular 7 has better error handling for @Output than the previous versions (if a property is not initialised).
In Angular 7, Angular Elements support content projection using web standards for custom elements.
Dependencies are updated based on major 3rd party projects:
The Angular team has been constantly working on improving the guidelines and reference materials to serve the developers in a better way. The updates related to documentation on Angular is one such step including the reference material for the Angular CLI.
Visit update.angular.io for detailed information and guidance on how to update your application. For most of the developers, updating to version 7 is just about one command. :
ng update @angular/cli @angular/core
Early adopters of version 7 have reported that this update is faster than ever, and many apps take less than 10 minutes to update.
Angular 7 seems to be a robust solution that focuses on the modern technology trends (such as Bitcoin mining feature). It is definitely going to provide developers with more power to build apps. If you are planning on implementing your own web development solution, make sure you consider Angular 7.
The AI research landscape is currently one of the most dynamic and vibrant fields, showing no signs of slowing down…
In the dynamic landscape of technology, cloud computing emerges as the linchpin of innovation. Did you know the cloud computing…
Did you know thе sеcrеt bеhind Ubеr's ability to connеct drivеrs and ridеrs quickly and еfficiеntly? The answer is Michaеlangеlo!…
DevOps, the buzzword of yesteryears, is a concrete reality in forward-moving enterprises today. Organizations are actively adopting DevOps practices to…
Cloud computing and Artificial Intelligence (AI) are two fundamental pillars that are driving businesses forward in numerous ways beyond the…
Cloud computing has revolutionized the way businesses operate by providing a highly scalable, flexible, and cost-effective way to manage IT…
View Comments
Thanks for this post, it helped me a lot.