Earlier this year, the beta version of Angular 7 was released, in the month of August. Its stable version is finally released. So what’s the new feature in Angular 7? Here we will also discuss its bug fixes/updates.
1) CLI prompts
CLI Prompts is first added to Schematics so that any package publishing Schematics can take advantage of them mostly 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.
2) Drag and Drop (newly added features to the CDK)
Drag and drop capabilities are now therein, the CDK and it also includes an automatic rendering of the list, as the user moves items and helper methods for reordering lists (moveItemInArray) and transferring the items between lists (transferArrayItem).
3) Virtual Scrolling (newly added to CDK)
Angular allows virtual scrolling just by adding the scrolling module. Scrolling virtual loads and unloads the elements from the DOM based mainly on the loss or gain of visible parts of a list, making it possible to build very fast experiences only for users with very large scrollable lists.
4) Application Performance
In comparison to the previous version, the Angular 7 is way faster. Both the framework and up-gradation are more rapid. Due to the virtual scrolling CDK module, the apps run with better performance. The structure has become small and also makes the apps smaller.
In production, the reflect-metadata polyfill is included which is required in the development. When you build your application in JIT(Just-In-Time) mode, then as a part of the update it will automatically remove a polyfills.ts file. It will make the application smaller.
5) Angular Elements
For the custom elements, the angular flow diagram will help to protect the content by using web standards.
Improved Accessibility of the Selects- In the application, the angular team has worked to improve the accessibility of the Selects. The native select element is hence used in the mat-form-field. In the native select; the usability, presentation, and approachability have become better.
<my-custom-element>This content can be projected!</my-custom-element>
6) Dependency update and Documentation
The developers are served in a better way as the team is functioning on improving the guidelines and reference materials. On angular, the updates which are related to the documentation are one such big move that includes the reference material for the Angular CLI.
Even the dependencies have been upgraded on the third-party projects. The support of the TypeScript 3.1, Node 10 and the RxJS 6.3 all are included.
Key Bug Fixes/ Updates
- Ivy (Beta)
Ivy is not part of Angular 7and is still under development. The angular team is busy validating the existing applications backward-compatibility. It’s 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. Moreover, for g3 BUILD rules to switch properly and allow testing of Ivy in g3, compile_strategy() is now importable.
Angular 7 has the best error handling for @Output in comparison to the previous versions (if a property is not initialized).
- Angular Elements
In Angular 7, the Angular Elements underpin content projection using web standards for custom elements.
- Dependency Updates
Dependencies are updated based on major 3rd party projects:
- TypeScript 3.1
- RxJS 6.3
- Node 10
- Documentation Updates
The Angular 7 team has been constantly working on improving the guidelines and reference materials to serve the developers in a better way. The updates which are related to documentation on Angular 7 are one such big step including the reference material for Angular CLI.
A new great release has come out with Angular 7. It is designed by maintaining dependencies and enjoy small improvements. It not only upholds the performance improvements but also looks after dependencies. Ivy is not just a part of this update since it is under development. The Angular is getting support from many other partner projects like Native Script, Angular Console, to expand its environment. Build secure, scalable and feature-packed applications with the angular js development company.