{"id":3093,"date":"2020-01-23T23:02:44","date_gmt":"2020-01-23T23:02:44","guid":{"rendered":"https:\/\/ionicframework.com\/blog\/?p=3093"},"modified":"2020-01-27T19:32:17","modified_gmt":"2020-01-27T19:32:17","slug":"ionic-5-0-0-release-candidate","status":"publish","type":"post","link":"https:\/\/ionic.io\/blog\/ionic-5-0-0-release-candidate","title":{"rendered":"Ionic 5.0.0 Release Candidate"},"content":{"rendered":"<p>The Release Candidate for Ionic 5.0.0 is finally here \ud83c\udf89\ud83c\udf89!<\/p>\n<p>As you\u2019ve probably heard already, Ionic 5 will bring major design updates and lots of exciting new features to the Framework. We\u2019ve been working on it for exactly a year now (today is the anniversary of Ionic 4) and now we\u2019re excited to share this RC with the Ionic community.<\/p>\n<p>At this point, we\u2019ve made all of the changes we needed to and we\u2019re looking for feedback from developers. With that in mind, there are a few breaking changes that people should be aware of. Most of these have had deprecation warnings for some time now and we have finally removed the API. For reference, we\u2019ve documented all the breaking changes in a <a href=\"https:\/\/github.com\/ionic-team\/ionic\/blob\/master\/BREAKING.md#version-5x\">Breaking Changes guide<\/a>.<\/p>\n<p>We&#8217;ll be diving into what all of the new features are in the coming weeks, but for eager devs, you can start testing out these updates by running the commands below.<\/p>\n<blockquote><p>\n  We recommend updating to the latest version of 4.x before trying out version 5 in order to see deprecation warnings related to your app. To do this, update to latest Ionic 4 (<code>npm i @ionic\/angular<\/code> or <code>npm i @ionic\/react<\/code>), then run <code>ionic serve<\/code> in a terminal. Open the browser&#8217;s dev tools, then while you navigate around your app, yellow deprecation warnings will appear in the console.\n<\/p><\/blockquote>\n<pre><code class=\"language-bash\"># For Angular\nnpm install @ionic\/angular@next\n\n# For React\nnpm install @ionic\/react@next\nnpm install @ionic\/react-router@next\nnpm install ionicons@dev\n<\/code><\/pre>\n<p>Some key improvements to highlight are:<\/p>\n<ul>\n<li>Public Animations and Gesture API<\/li>\n<li>Updated component design to match the latest iOS and Material spec<\/li>\n<li>Easier customization with CSS Variables<\/li>\n<li>Revamped Ionicons<\/li>\n<\/ul>\n<p>Please take some time to test out this RC and <a href=\"https:\/\/github.com\/ionic-team\/ionic\/issues\">give us your feedback!<\/a><\/p>\n<p>Cheers \ud83c\udf7b<\/p>\n<ul>\n<li><a href=\"https:\/\/github.com\/ionic-team\/ionic\/blob\/master\/CHANGELOG.md\">Changelog<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/ionic-team\/ionic\/blob\/master\/BREAKING.md#version-5x\">Breaking Changes<\/a>. <\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>The Release Candidate for Ionic 5.0.0 is finally here \ud83c\udf89\ud83c\udf89! As you\u2019ve probably heard already, Ionic 5 will bring major design updates and lots of exciting new features to the Framework. We\u2019ve been working on it for exactly a year now (today is the anniversary of Ionic 4) and now we\u2019re excited to share this [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":3097,"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":[120,122],"tags":[],"class_list":["post-3093","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-announcements","category-product"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.0 (Yoast SEO v23.0) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Ionic 5.0.0 Release Candidate - 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\/ionic-5-0-0-release-candidate\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ionic 5.0.0 Release Candidate\" \/>\n<meta property=\"og:description\" content=\"The Release Candidate for Ionic 5.0.0 is finally here \ud83c\udf89\ud83c\udf89! As you\u2019ve probably heard already, Ionic 5 will bring major design updates and lots of exciting new features to the Framework. We\u2019ve been working on it for exactly a year now (today is the anniversary of Ionic 4) and now we\u2019re excited to share this [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ionic.io\/blog\/ionic-5-0-0-release-candidate\" \/>\n<meta property=\"og:site_name\" content=\"Ionic Blog\" \/>\n<meta property=\"article:published_time\" content=\"2020-01-23T23:02:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-01-27T19:32:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/01\/v5-RC.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1440\" \/>\n\t<meta property=\"og:image:height\" content=\"800\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Mike Hartington\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@mhartington\" \/>\n<meta name=\"twitter:site\" content=\"@ionicframework\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mike Hartington\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/ionic.io\/blog\/ionic-5-0-0-release-candidate#article\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/ionic-5-0-0-release-candidate\"},\"author\":{\"name\":\"Mike Hartington\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/c8c92b04d526adb925ea514c619a267b\"},\"headline\":\"Ionic 5.0.0 Release Candidate\",\"datePublished\":\"2020-01-23T23:02:44+00:00\",\"dateModified\":\"2020-01-27T19:32:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/ionic-5-0-0-release-candidate\"},\"wordCount\":267,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/ionic-5-0-0-release-candidate#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/01\/v5-RC.png\",\"articleSection\":[\"Announcements\",\"Product\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/ionic.io\/blog\/ionic-5-0-0-release-candidate#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ionic.io\/blog\/ionic-5-0-0-release-candidate\",\"url\":\"https:\/\/ionic.io\/blog\/ionic-5-0-0-release-candidate\",\"name\":\"Ionic 5.0.0 Release Candidate - Ionic Blog\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/ionic-5-0-0-release-candidate#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/ionic-5-0-0-release-candidate#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/01\/v5-RC.png\",\"datePublished\":\"2020-01-23T23:02:44+00:00\",\"dateModified\":\"2020-01-27T19:32:17+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ionic.io\/blog\/ionic-5-0-0-release-candidate#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ionic.io\/blog\/ionic-5-0-0-release-candidate\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/ionic-5-0-0-release-candidate#primaryimage\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/01\/v5-RC.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/01\/v5-RC.png\",\"width\":1440,\"height\":800},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ionic.io\/blog\/ionic-5-0-0-release-candidate#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ionic.io\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ionic 5.0.0 Release Candidate\"}]},{\"@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\/c8c92b04d526adb925ea514c619a267b\",\"name\":\"Mike Hartington\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/08\/mike-headshot-2-smaller-150x150.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/08\/mike-headshot-2-smaller-150x150.png\",\"caption\":\"Mike Hartington\"},\"description\":\"Director of Developer Relations\",\"sameAs\":[\"https:\/\/twitter.com\/mhartington\",\"https:\/\/x.com\/mhartington\"],\"url\":\"https:\/\/ionic.io\/blog\/author\/mike\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Ionic 5.0.0 Release Candidate - 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\/ionic-5-0-0-release-candidate","og_locale":"en_US","og_type":"article","og_title":"Ionic 5.0.0 Release Candidate","og_description":"The Release Candidate for Ionic 5.0.0 is finally here \ud83c\udf89\ud83c\udf89! As you\u2019ve probably heard already, Ionic 5 will bring major design updates and lots of exciting new features to the Framework. We\u2019ve been working on it for exactly a year now (today is the anniversary of Ionic 4) and now we\u2019re excited to share this [&hellip;]","og_url":"https:\/\/ionic.io\/blog\/ionic-5-0-0-release-candidate","og_site_name":"Ionic Blog","article_published_time":"2020-01-23T23:02:44+00:00","article_modified_time":"2020-01-27T19:32:17+00:00","og_image":[{"width":1440,"height":800,"url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/01\/v5-RC.png","type":"image\/png"}],"author":"Mike Hartington","twitter_card":"summary_large_image","twitter_creator":"@mhartington","twitter_site":"@ionicframework","twitter_misc":{"Written by":"Mike Hartington","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ionic.io\/blog\/ionic-5-0-0-release-candidate#article","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/ionic-5-0-0-release-candidate"},"author":{"name":"Mike Hartington","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/c8c92b04d526adb925ea514c619a267b"},"headline":"Ionic 5.0.0 Release Candidate","datePublished":"2020-01-23T23:02:44+00:00","dateModified":"2020-01-27T19:32:17+00:00","mainEntityOfPage":{"@id":"https:\/\/ionic.io\/blog\/ionic-5-0-0-release-candidate"},"wordCount":267,"commentCount":0,"publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"image":{"@id":"https:\/\/ionic.io\/blog\/ionic-5-0-0-release-candidate#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/01\/v5-RC.png","articleSection":["Announcements","Product"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ionic.io\/blog\/ionic-5-0-0-release-candidate#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ionic.io\/blog\/ionic-5-0-0-release-candidate","url":"https:\/\/ionic.io\/blog\/ionic-5-0-0-release-candidate","name":"Ionic 5.0.0 Release Candidate - Ionic Blog","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ionic.io\/blog\/ionic-5-0-0-release-candidate#primaryimage"},"image":{"@id":"https:\/\/ionic.io\/blog\/ionic-5-0-0-release-candidate#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/01\/v5-RC.png","datePublished":"2020-01-23T23:02:44+00:00","dateModified":"2020-01-27T19:32:17+00:00","breadcrumb":{"@id":"https:\/\/ionic.io\/blog\/ionic-5-0-0-release-candidate#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ionic.io\/blog\/ionic-5-0-0-release-candidate"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/ionic-5-0-0-release-candidate#primaryimage","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/01\/v5-RC.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/01\/v5-RC.png","width":1440,"height":800},{"@type":"BreadcrumbList","@id":"https:\/\/ionic.io\/blog\/ionic-5-0-0-release-candidate#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ionic.io\/blog"},{"@type":"ListItem","position":2,"name":"Ionic 5.0.0 Release Candidate"}]},{"@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\/c8c92b04d526adb925ea514c619a267b","name":"Mike Hartington","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/08\/mike-headshot-2-smaller-150x150.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/08\/mike-headshot-2-smaller-150x150.png","caption":"Mike Hartington"},"description":"Director of Developer Relations","sameAs":["https:\/\/twitter.com\/mhartington","https:\/\/x.com\/mhartington"],"url":"https:\/\/ionic.io\/blog\/author\/mike"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/01\/v5-RC.png","_links":{"self":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/3093","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\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/comments?post=3093"}],"version-history":[{"count":0,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/3093\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media\/3097"}],"wp:attachment":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media?parent=3093"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/categories?post=3093"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/tags?post=3093"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}