{"id":4457,"date":"2017-03-27T13:03:24","date_gmt":"2017-03-27T13:03:24","guid":{"rendered":"https:\/\/www.bacancytechnology.com\/blog\/?p=4457"},"modified":"2025-03-05T09:34:45","modified_gmt":"2025-03-05T09:34:45","slug":"angularjsget-a-button-angular-4-0-0-is-now-available","status":"publish","type":"post","link":"https:\/\/www.bacancytechnology.com\/blog\/angular-4-now-available","title":{"rendered":"AngularJS Gets a Button! Angular 4.0.0 is Now Available"},"content":{"rendered":"<p>Angular 4.0.0, the latest upgrade to the most loved and most used JavaScript framework for mobile and desktop development, was released by Google late Thursday afternoon,  23\/03\/2017. <\/p>\n<blockquote class=\"twitter-tweet\" data-lang=\"en\">\n<p lang=\"en\" dir=\"ltr\">Angular v4.0 invisible-makeover is out! \ud83d\ude42<a href=\"https:\/\/t.co\/jyngUsWvMl\" class=\"broken_link\">https:\/\/t.co\/jyngUsWvMl<\/a> <a href=\"https:\/\/t.co\/pj3GRQVYtW\">pic.twitter.com\/pj3GRQVYtW<\/a><\/p>\n<p>&mdash; Igor Minar (@IgorMinar) <a href=\"https:\/\/twitter.com\/IgorMinar\/status\/845123610884780034\" target=\"_blank\" rel=\"noopener\">March 24, 2017<\/a><\/p><\/blockquote>\n<p><script async src=\"\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>\n<p>It\u2019s a major release, Angular 4.0 follows the team\u2019s announcement of Semantic Versioning and major improvements as well as functionalities to compatible for the previous versions with 2.x.x for the most Applications. As the team explained in December 2016 that it would be jumping from Angular 2 to Angular 4 (skipping version 3)  so the routes and core <a href=\"https:\/\/www.bacancytechnology.com\/blog\/angular-component-libraries\" target=\"_blank\" rel=\"noopener\">Angular libraries<\/a> would be versioned the same way.<\/p>\n<h2>The Angular University states,<\/h2>\n<p>Angular University is very excited to share the release, as it includes some major improvements and functionality that we have been progressively working on for the past 3 months. We\u2019ve ethat it enables developers to run the framework on a server.<\/p>\n<p>New Improvements Made In Angular Version 4.0.0.<\/p>\n<p>\u2022\tSmaller &#038; Faster<\/p>\n<blockquote class=\"twitter-tweet\" data-lang=\"en\">\n<p lang=\"en\" dir=\"ltr\">Thank you Angular Team! Upgrading from v2 to v4 is a smooth ride, main bundle went from 813KB to 330KB! <a href=\"https:\/\/twitter.com\/IgorMinar\" target=\"_blank\" rel=\"noopener\">@IgorMinar<\/a> <a href=\"https:\/\/twitter.com\/mhevery\" target=\"_blank\" rel=\"noopener\">@mhevery<\/a> <a href=\"https:\/\/twitter.com\/hanslatwork\" target=\"_blank\" rel=\"noopener\">@hanslatwork<\/a> <a href=\"https:\/\/t.co\/zVE2KZxaMf\">pic.twitter.com\/zVE2KZxaMf<\/a><\/p>\n<p>&mdash; Tommy Jiang (@tianyangj) <a href=\"https:\/\/twitter.com\/tianyangj\/status\/845345458897616896\" target=\"_blank\" rel=\"noopener\">March 24, 2017<\/a><\/p><\/blockquote>\n<p><script async src=\"\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>\n<p>\u2022\tView Engine<\/p>\n<blockquote class=\"twitter-tweet\" data-lang=\"en\">\n<p lang=\"en\" dir=\"ltr\">New view engine landed in Angular 4, AoT savings are insanely good. <a href=\"https:\/\/t.co\/CaLOhzRm0M\">https:\/\/t.co\/CaLOhzRm0M<\/a><\/p>\n<p>&mdash; Todd Motto (@toddmotto) <a href=\"https:\/\/twitter.com\/toddmotto\/status\/835072011454005248\" target=\"_blank\" rel=\"noopener\">February 24, 2017<\/a><\/p><\/blockquote>\n<p><script async src=\"\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>\n<p>The Angular team  has made significant changes under to hood to what AOT generated code looks like. These changes have gone on to diminish the size of the generated code for your components by around 60%  in most cases. So it would have apparently higher saving for the complex templates. <\/p>\n<p>\u2022\tAnimation Package<\/p>\n<p>The Angular University informed that they have pulled animations out of @angular\/core and into their own package. It means if you are not using animations, then the extra code will not end up in your production bundles.<\/p>\n<p>New Features<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bacancytechnology.com\/blog\/wp-content\/uploads\/2017\/03\/angular-1.jpg\" alt=\"angular-4\" width=\"549\" height=\"179\" class=\"aligncenter size-full wp-image-4458\" srcset=\"https:\/\/www.bacancytechnology.com\/blog\/wp-content\/uploads\/2017\/03\/angular-1.jpg 549w, https:\/\/www.bacancytechnology.com\/blog\/wp-content\/uploads\/2017\/03\/angular-1-300x98.jpg 300w, https:\/\/www.bacancytechnology.com\/blog\/wp-content\/uploads\/2017\/03\/angular-1-20x7.jpg 20w\" sizes=\"auto, (max-width: 549px) 100vw, 549px\" \/><\/p>\n<p>Bacancy Technologies is a hub of technophile where you can easily <a href=\"https:\/\/www.bacancytechnology.com\/angular-js-development\">Hire AngularJS Developer<\/a> for all your all-in-all need. You can rely on us because our developers keep their knowledge elegant-yet-raw. Say hi! At solutions@bacancytechnology.com<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Angular 4.0.0, the latest upgrade to the most loved and most used JavaScript framework for mobile and desktop development, was released by Google late Thursday afternoon, 23\/03\/2017. Angular v4.0 invisible-makeover is out! \ud83d\ude42https:\/\/t.co\/jyngUsWvMl pic.twitter.com\/pj3GRQVYtW &mdash; Igor Minar (@IgorMinar) March 24, 2017 It\u2019s a major release, Angular 4.0 follows the team\u2019s announcement of Semantic Versioning and [&hellip;]<\/p>\n","protected":false},"author":146,"featured_media":4459,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"_lmt_disableupdate":"no","_lmt_disable":"","footnotes":""},"categories":[989,1264],"tags":[],"coauthors":[2427],"class_list":["post-4457","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-angularjs","category-technology-news"],"acf":[],"modified_by":"Binal Prajapati","_links":{"self":[{"href":"https:\/\/www.bacancytechnology.com\/blog\/wp-json\/wp\/v2\/posts\/4457","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bacancytechnology.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bacancytechnology.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bacancytechnology.com\/blog\/wp-json\/wp\/v2\/users\/146"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bacancytechnology.com\/blog\/wp-json\/wp\/v2\/comments?post=4457"}],"version-history":[{"count":0,"href":"https:\/\/www.bacancytechnology.com\/blog\/wp-json\/wp\/v2\/posts\/4457\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bacancytechnology.com\/blog\/wp-json\/wp\/v2\/media\/4459"}],"wp:attachment":[{"href":"https:\/\/www.bacancytechnology.com\/blog\/wp-json\/wp\/v2\/media?parent=4457"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bacancytechnology.com\/blog\/wp-json\/wp\/v2\/categories?post=4457"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bacancytechnology.com\/blog\/wp-json\/wp\/v2\/tags?post=4457"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.bacancytechnology.com\/blog\/wp-json\/wp\/v2\/coauthors?post=4457"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}