{"id":779,"date":"2019-04-25T19:32:22","date_gmt":"2019-04-25T19:32:22","guid":{"rendered":"http:\/\/www.smart-bricks.net\/?p=779"},"modified":"2019-04-28T22:23:11","modified_gmt":"2019-04-28T22:23:11","slug":"angular-team-releases-angular-6","status":"publish","type":"post","link":"https:\/\/www.smart-bricks.net\/index.php\/2019\/04\/25\/angular-team-releases-angular-6\/","title":{"rendered":"Angular Team Releases Angular 6"},"content":{"rendered":"\n

On May 3, 2018, the Angular<\/a> team released version 6 of Angular<\/a>,\n a release that focused on improving the Angular toolchain. Significant \nupdates make it easier to update application source code and \ndependencies, add new application capabilities, and “tree shake” code \nfor better performance.<\/p>\n\n\n\n

The ng update<\/code> CLI command analyzes package.json and \nrecommends updates to an Angular application. Third parties can also \nprovide update scripts using schematics to automatically update \napplication code when the dependency needs to make a breaking change. \nThe ng update<\/code> command uses npm or yarn to manage dependencies, and then apply transforms to a project.<\/p>\n\n\n\n

Angular 6 CLI also introduces the ng add<\/code> command, which \nwill add dependencies and a schematic-based installation script to \nsupport new features such as Progressive Web App (PWA) scaffolding, Material<\/a> components, and Angular Elements<\/a>.<\/p>\n\n\n\n

Angular Elements is the first release to support the use of Angular \ncomponents as Custom Elements, analogous to the approach taken by \nStencil or Dojo in making it easier to export components per the Web \nComponents standard. This addition helps Angular align more closely with\n the Custom Elements standard, addressing a common complaint about \nAngular components.<\/p>\n\n\n\n

Angular Material<\/a> adds \nseveral new features including a tree component for displaying \nhierarchical data. Angular Material also provides three new starter \ncomponents: Sidenav, Dashboard, and Data Table, giving developers a \nquick starting point for creating common application user experiences.<\/p>\n\n\n\n

Angular 6 also starts to address complaints about overall performance\n and application size. This release improves the ability to “tree shake<\/a>” source code, eliminating dead code and resulting in smaller bundle sizes in production applications.<\/p>\n\n\n\n

The Angular team seeks a Hello World size of less than 10KB when \ncompressed and minified. The Ivy rendering engine update is currently \nunder development and planned for a future Angular release to achieve \nthis goal.<\/p>\n\n\n\n

Angular also updates its RxJS<\/a>\n dependency to RxJS 6, providing additional improvements around tree \nshaking and its API changes from chaining to piping, also intended to \nimprove performance.<\/p>\n\n\n\n

Angular’s changelogs provide a complete list of Angular 6 updates and bug fixes for the Angular framework<\/a>, material and cdk<\/a>, and cli<\/a>. Angular is available under the MIT open source license. Contributions are welcome via the Angular GitHub project<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

On May 3, 2018, the Angular team released version 6 of Angular, a release that focused on improving the Angular toolchain. Significant updates make it easier to update application source code and dependencies, add new application capabilities, and “tree shake” code for better performance. The ng update CLI command analyzes package.json and recommends updates to… Read More »Angular Team Releases Angular 6<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[28,14],"_links":{"self":[{"href":"https:\/\/www.smart-bricks.net\/index.php\/wp-json\/wp\/v2\/posts\/779"}],"collection":[{"href":"https:\/\/www.smart-bricks.net\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.smart-bricks.net\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.smart-bricks.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.smart-bricks.net\/index.php\/wp-json\/wp\/v2\/comments?post=779"}],"version-history":[{"count":1,"href":"https:\/\/www.smart-bricks.net\/index.php\/wp-json\/wp\/v2\/posts\/779\/revisions"}],"predecessor-version":[{"id":780,"href":"https:\/\/www.smart-bricks.net\/index.php\/wp-json\/wp\/v2\/posts\/779\/revisions\/780"}],"wp:attachment":[{"href":"https:\/\/www.smart-bricks.net\/index.php\/wp-json\/wp\/v2\/media?parent=779"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.smart-bricks.net\/index.php\/wp-json\/wp\/v2\/categories?post=779"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.smart-bricks.net\/index.php\/wp-json\/wp\/v2\/tags?post=779"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}