{"id":1258,"date":"2016-08-05T15:58:24","date_gmt":"2016-08-05T15:58:24","guid":{"rendered":"https:\/\/ionic.io\/blog\/?p=1258"},"modified":"2016-08-05T21:29:56","modified_gmt":"2016-08-05T21:29:56","slug":"announcing-ionic-2-beta-11","status":"publish","type":"post","link":"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-11","title":{"rendered":"Announcing Ionic 2, Beta 11!"},"content":{"rendered":"

\"whoa\"

Hello, friends! We\u2019re excited to announce the eleventh beta of Ionic 2! Beta 11<\/a> includes several bug fixes and enhancements. More importantly, Beta 11 lays the foundation for moving towards a release candidate (we plan to release one more beta before the release candidate). We\u2019ve been busy dotting our i\u2019s and crossing our t\u2019s, double checking every detail to get ready. Take a look at the changelog<\/a> to see all of the changes. There are some important breaking changes, so please follow these instructions<\/a> on how to upgrade to Beta 11. Please let us know<\/a> if you experience any challenges upgrading.<\/p>\n

Here’s what you have to look forward to in Beta 11:
\n<\/p>\n

Overlays<\/h3>\n

Overlay components such as Alert, Modal, Popover, etc. should now be created via their injected controller. Rather than creating an Alert<\/code> using a static method, an AlertController<\/code> provider\u00a0is now injected into a component. By injecting overlay providers, it has become much easier to unit test components! See a full list of affected components here<\/a>.<\/p>\n

Tabs<\/h3>\n

Tabs are updated to match the latest version of the Material Design spec<\/a>. In other words, Tabs have moved to the bottom of the screen by default when using Material Design. This can be overridden in an app\u2019s config. The config options are detailed in the Beta 11 upgrade instructions<\/a>.<\/p>\n

Angular Upgrade<\/h3>\n

Ionic is now utilizing Angular RC 4 and takes advantage of the new @angular\/forms<\/code> module. ?<\/p>\n

Moving Forward<\/h3>\n

With Beta 11 out the door, our focus will now turn to Beta 12 and the Ionic 2 release candidate! ? Here\u2019s what you can expect in Beta 12:<\/p>\n

Performance Improvements<\/h3>\n

Ionic 2 will take advantage of Ahead-of-time (AoT) compiling, a technique to pre-process Angular templates. Without AoT compiling, when a template is loaded, it must be parsed and compiled before it can be executed. AoT compiling moves the parsing and compiling step from runtime to the build process, resulting in noticeably quicker start-up times.<\/p>\n

In addition to AoT compiling, we\u2019ve come up with a way to take advantage of a faster WebView on iOS called WKWebView, which will result in significant performance improvements. We\u2019re working on the finishing touches right now, and we\u2019ll be ready to share more soon!<\/p>\n

URL Support<\/h3>\n

Making the URL a first-class citizen in Ionic 2 is very important for Progressive Web Apps<\/a>, so we\u2019ll be spending some time in the next few weeks focusing on this. Stay tuned for more details in the near future!<\/p>\n

Build Process Improvements<\/h3>\n

Beta 12 will debut the new Ionic 2 build process, which will utilize a technique called \u201ctree shaking.\u201d Tree shaking is used to shrink the build output to include only the JavaScript and CSS of the components being used. To utilize tree shaking, we\u2019re migrating from Browserify to Webpack 2. This will result in significantly faster build times and dramatically reduced bundle sizes. The new build will also include TypeScript 2.0 and the use of npm to manage type definitions.<\/p>\n

We\u2019ll be sharing additional details on the new build process shortly\u2014we\u2019re really excited about it!<\/p>\n

Conclusion<\/h3>\n

We\u2019re looking forward to delivering a high quality release candidate in the coming weeks, and we want to say thank you<\/strong> to the community for all of the great contributions, via GitHub issues and pull requests. It is an incredible privilege to work with such an awesome community!<\/p>\n","protected":false},"excerpt":{"rendered":"

Hello, friends! We\u2019re excited to announce the eleventh beta of Ionic 2! Beta 11 includes several bug fixes and enhancements. More importantly, Beta 11 lays the foundation for moving towards a release candidate (we plan to release one more beta before the release candidate). We\u2019ve been busy dotting our i\u2019s and crossing our t\u2019s, double […]<\/p>\n","protected":false},"author":32,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"publish_to_discourse":"","publish_post_category":"","wpdc_auto_publish_overridden":"","wpdc_topic_tags":"","wpdc_pin_topic":"","wpdc_pin_until":"","discourse_post_id":"","discourse_permalink":"","wpdc_publishing_response":"","wpdc_publishing_error":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[23,3,13],"class_list":["post-1258","post","type-post","status-publish","format-standard","hentry","category-all","tag-framework","tag-ionic","tag-ionic-2"],"acf":[],"yoast_head":"\nAnnouncing Ionic 2, Beta 11! - Ionic Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-11\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Announcing Ionic 2, Beta 11!\" \/>\n<meta property=\"og:description\" content=\"Hello, friends! We\u2019re excited to announce the eleventh beta of Ionic 2! Beta 11 includes several bug fixes and enhancements. More importantly, Beta 11 lays the foundation for moving towards a release candidate (we plan to release one more beta before the release candidate). We\u2019ve been busy dotting our i\u2019s and crossing our t\u2019s, double […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-11\" \/>\n<meta property=\"og:site_name\" content=\"Ionic Blog\" \/>\n<meta property=\"article:published_time\" content=\"2016-08-05T15:58:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-08-05T21:29:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/whoa.gif\" \/>\n<meta name=\"author\" content=\"Dan Bucholtz\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@danbucholtz\" \/>\n<meta name=\"twitter:site\" content=\"@ionicframework\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Dan Bucholtz\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-11#article\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-11\"},\"author\":{\"name\":\"Dan Bucholtz\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/247db98096bf7230497663cd9580359c\"},\"headline\":\"Announcing Ionic 2, Beta 11!\",\"datePublished\":\"2016-08-05T15:58:24+00:00\",\"dateModified\":\"2016-08-05T21:29:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-11\"},\"wordCount\":554,\"commentCount\":29,\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-11#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/whoa.gif\",\"keywords\":[\"Framework\",\"Ionic\",\"Ionic 2\"],\"articleSection\":[\"All\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-11#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-11\",\"url\":\"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-11\",\"name\":\"Announcing Ionic 2, Beta 11! - Ionic Blog\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-11#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-11#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/whoa.gif\",\"datePublished\":\"2016-08-05T15:58:24+00:00\",\"dateModified\":\"2016-08-05T21:29:56+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-11#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-11\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-11#primaryimage\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/whoa.gif\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/whoa.gif\",\"width\":480,\"height\":259},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-11#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ionic.io\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Announcing Ionic 2, Beta 11!\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ionic.io\/blog\/#website\",\"url\":\"https:\/\/ionic.io\/blog\/\",\"name\":\"ionic.io\/blog\",\"description\":\"Build amazing native and progressive web apps with the web\",\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ionic.io\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ionic.io\/blog\/#organization\",\"name\":\"Ionic\",\"url\":\"https:\/\/ionic.io\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png\",\"width\":1920,\"height\":854,\"caption\":\"Ionic\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/ionicframework\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/247db98096bf7230497663cd9580359c\",\"name\":\"Dan Bucholtz\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2418cd3c627ca2267ff499530ce9831a41ed4a5530f75d06d6494dbb42d2ee00?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2418cd3c627ca2267ff499530ce9831a41ed4a5530f75d06d6494dbb42d2ee00?s=96&d=mm&r=g\",\"caption\":\"Dan Bucholtz\"},\"description\":\"I'm a software engineer for Ionic\",\"sameAs\":[\"https:\/\/x.com\/danbucholtz\"],\"url\":\"https:\/\/ionic.io\/blog\/author\/danb\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Announcing Ionic 2, Beta 11! - Ionic Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-11","og_locale":"en_US","og_type":"article","og_title":"Announcing Ionic 2, Beta 11!","og_description":"Hello, friends! We\u2019re excited to announce the eleventh beta of Ionic 2! Beta 11 includes several bug fixes and enhancements. More importantly, Beta 11 lays the foundation for moving towards a release candidate (we plan to release one more beta before the release candidate). We\u2019ve been busy dotting our i\u2019s and crossing our t\u2019s, double […]","og_url":"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-11","og_site_name":"Ionic Blog","article_published_time":"2016-08-05T15:58:24+00:00","article_modified_time":"2016-08-05T21:29:56+00:00","og_image":[{"url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/whoa.gif"}],"author":"Dan Bucholtz","twitter_card":"summary_large_image","twitter_creator":"@danbucholtz","twitter_site":"@ionicframework","twitter_misc":{"Written by":"Dan Bucholtz","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-11#article","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-11"},"author":{"name":"Dan Bucholtz","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/247db98096bf7230497663cd9580359c"},"headline":"Announcing Ionic 2, Beta 11!","datePublished":"2016-08-05T15:58:24+00:00","dateModified":"2016-08-05T21:29:56+00:00","mainEntityOfPage":{"@id":"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-11"},"wordCount":554,"commentCount":29,"publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"image":{"@id":"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-11#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/whoa.gif","keywords":["Framework","Ionic","Ionic 2"],"articleSection":["All"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-11#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-11","url":"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-11","name":"Announcing Ionic 2, Beta 11! - Ionic Blog","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-11#primaryimage"},"image":{"@id":"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-11#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/whoa.gif","datePublished":"2016-08-05T15:58:24+00:00","dateModified":"2016-08-05T21:29:56+00:00","breadcrumb":{"@id":"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-11#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-11"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-11#primaryimage","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/whoa.gif","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/whoa.gif","width":480,"height":259},{"@type":"BreadcrumbList","@id":"https:\/\/ionic.io\/blog\/announcing-ionic-2-beta-11#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ionic.io\/blog"},{"@type":"ListItem","position":2,"name":"Announcing Ionic 2, Beta 11!"}]},{"@type":"WebSite","@id":"https:\/\/ionic.io\/blog\/#website","url":"https:\/\/ionic.io\/blog\/","name":"ionic.io\/blog","description":"Build amazing native and progressive web apps with the web","publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ionic.io\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ionic.io\/blog\/#organization","name":"Ionic","url":"https:\/\/ionic.io\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png","width":1920,"height":854,"caption":"Ionic"},"image":{"@id":"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/ionicframework"]},{"@type":"Person","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/247db98096bf7230497663cd9580359c","name":"Dan Bucholtz","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2418cd3c627ca2267ff499530ce9831a41ed4a5530f75d06d6494dbb42d2ee00?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2418cd3c627ca2267ff499530ce9831a41ed4a5530f75d06d6494dbb42d2ee00?s=96&d=mm&r=g","caption":"Dan Bucholtz"},"description":"I'm a software engineer for Ionic","sameAs":["https:\/\/x.com\/danbucholtz"],"url":"https:\/\/ionic.io\/blog\/author\/danb"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/1258","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/users\/32"}],"replies":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/comments?post=1258"}],"version-history":[{"count":0,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/1258\/revisions"}],"wp:attachment":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media?parent=1258"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/categories?post=1258"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/tags?post=1258"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}