New Updates and Features for Angular 7
Google Recently released the latest version of Angular 7 in the month of October. Angular 6 is previous version of the front-end JavaScript framework in the month of March. There are lost of new features such as Scrolling, Drag and Drop, CLI prompts, Virtual and Drop etc. 1:CLI Prompts The CLI will now prompt users as when running common commands likeng new or ng add @angular/material with the intend of getting aid for building a new project using SCSS. CLI Prompts have been added to Schematics, so any package publishing Schematics can take advantage of them by adding an x-prompt key to a Schematics collection.
2:Application Performance Continuing our focus on performance, we analyzed common mistakes across the ecosystem. We discovered that many developers were including the reflect-metadatapolyfill in production, which is only needed in development. Solve this issue and update to variant 7, then after polyfills.tsfile will automatically remove, and then include it as a build step when building your application in JIT mode. The polyfill gets removed from production builds by default. With v7, we are also defaulting new projects to take advantage of Bundle Budgets in our CLI. New applications will warn when the initial bundle is more than 2MB and will error at 5MB. These budgets are easy to change in your angular.json.
3:The Angular Material CDK Material Design received a big update in 2018. Angular Material users updating to v7 should expect minor visual differences reflecting the updates to the Material Design specification. Newly added to the CDK, you can now take advantage of Virtual Scrolling and Drag and Drop by importing the DragDropModule or theScrollingModule. i: Virtual Scrolling: 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.
ii: Drag and Drop
Source: Stephen Fluin 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).
You can read more about Drag and Drop by visiting this link. 4: Improved Accessibility of Selects Improve the accessibility of your application by using a native selectelement inside of a matform-field. The native select has some performance, accessibility, and usability advantages, but we’re keeping mat-select which gives full control of the presentation of options.
5: Angular Elements Angular Elements now supports content projection using web standards for custom elements. <my-custom-element>This content can be projected!</my-custom-element> 6: Partner Launches Angular owes a huge amount of its success to the community, and to that end we’ve been working to partner with several community projects that have launched recently. •Angular Console — A downloadable console for starting and running Angular projects on your local machine •@angular/fire— AngularFire has a new home on npm, and has its first stable release for Angular •NativeScript— It’s now possible to have a single project that builds for both web and installed mobile with NativeScript •StackBlitz — StackBlitz 2.0 has been released and now includes the Angular Language Service, and more features like tabbed editing 7: Updated Dependencies We’ve updated our dependencies on major 3rd party projects. TypeScript 3.1 • RxJS 6.3 • Node 10 —We’ve added support for Node 10, and we still support 8 8: Ivy Renderer According to the official information, Angular’s new project and the next gen rendering pipeline Ivy, hasn’t been introduced with the release of Angular 7 as the team is still working on it. The current status is that it is under the active deployment process. The backward compatibility of the application has stated and it soon we would get the opt-in preview of Ivy, once it’s ready for launch. if your are looking for best Angular js development company, here i am suggest to Quick beyond is a very famed IT firm that is listed in top Angular JS development companies. The company is committed to deliver reliable and valuable developing services to their clients. The firm helps overseas customers by offering excellent projects through its offshore development Centres. Source: https://bit.ly/2CTfT7p
E-Mail id: solutions@quickbeyond.com Contact US: +1 (647) 946 5369 Follow Us: Facebook Twitter