{"id":1617,"date":"2019-09-13T14:06:38","date_gmt":"2019-09-13T14:06:38","guid":{"rendered":"https:\/\/mobilecoderz.com\/blog\/?p=1617"},"modified":"2023-07-24T11:06:47","modified_gmt":"2023-07-24T05:36:47","slug":"is-swift-ui-the-replacement-of-storyboard","status":"publish","type":"post","link":"https:\/\/mobilecoderz.com\/blog\/is-swift-ui-the-replacement-of-storyboard\/","title":{"rendered":"SwiftUI or Storyboards &#8211; Is Swift UI the replacement of Storyboard?"},"content":{"rendered":"<p>Today, we will talk about the Storyboard and latest technology Swift UI that has been launched by Apple recently. Let&#8217;s talk about SwiftUI or Storyboards.<\/p>\n<p>Ever wondered why all of a sudden there is a drastic change in the design pattern of Apple software development? Even though most of us are familiar with the pros and cons of the storyboard design pattern, there are some things that you need to know at first to understand the evolving differences in its usability.<\/p>\n<p>While developing the iOS or Mac application, the first thing comes into mind is whether to use <strong>Storyboard or no Storyboard? <\/strong>Most of the newbies or developers with lesser years of experience often use Storyboard for UI Designing but as the app size grows, it becomes difficult to manage the UI design with an increasing number of views.<\/p>\n<p>The problem arises the moment when you\u2019re working on a project with multiple developers as you have to merge codes across the server. Storyboard original code is a set of complex XML file which is too complex to understand. That\u2019s a major drawback of using a Storyboard and for avoiding such problems you have to divide your project into a small independent module. This concept is termed as \u201c<strong>Less Coupling and more Cohesion\u201d <\/strong>in a language of Software Engineering.<\/p>\n<div style=\"background-color: #f6f6f6; padding: 15px; margin: 15px 0; border-left: 4px solid #1e3957; font-size: 18px;\">\n<div style=\"color: #303030; font-weight: 600; position: absolute;\">Also Read:<\/div>\n<div style=\"padding-left: 100px;\"><a class=\"colorlink\" style=\"color: #057dce; text-decoration: underline; font-style: italic; font-weight: 600;\">Ruby On Rails vs Django, Which Contender Dominates The Battle?<\/a><\/div>\n<\/div>\n<p>Even though if developers start learning the technique of making multiple storyboards to avoid such problems, working with multiple storyboards won\u2019t help as merging the codes on GiT will result in a serious time-loss while resolving unnecessary conflict. Moreover, storyboard is less of the reusable entity.<\/p>\n<p>Another solution to the problem is a \u201c<strong>Programmatically designed UI<\/strong>\u201d. When you are working on a big project you will find it useful to design the UI programmatically as you can reuse it to a greater extent. However, creating the UI programmatically is not an easy task as it demands adequate experience in development.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/mobilecoderz.com\/blog\/is-swift-ui-the-replacement-of-storyboard\/#Here_is_a_sample_code_for_UI_Design_through_code\" >Here is a sample code for UI Design through code<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/mobilecoderz.com\/blog\/is-swift-ui-the-replacement-of-storyboard\/#Quick_Overview\" >Quick Overview:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/mobilecoderz.com\/blog\/is-swift-ui-the-replacement-of-storyboard\/#NO_Storyboard_Programmatically_design_the_UI\" >NO Storyboard [Programmatically design the UI]<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/mobilecoderz.com\/blog\/is-swift-ui-the-replacement-of-storyboard\/#There_are_always_some_advantages_and_disadvantages_of_new_technology_and_now_we_are_going_to_figure_out_them\" >There are always some advantages and disadvantages of new technology and now we are going to figure out them.<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Here_is_a_sample_code_for_UI_Design_through_code\"><\/span><strong>Here is a sample code for UI Design through code<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<pre><strong>class<\/strong>\r\n\r\nTestCell: UITableViewCell {\r\n\r\n\u00a0\u00a0\u00a0<strong>let<\/strong> testImageView: UIImageView = {\r\n\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 $0.contentMode = .scaleToFill\r\n\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 0.clipsToBounds = <strong>true<\/strong>\r\n\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 0.image = UIImage(named: \"image_1\")\r\n\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <strong>return<\/strong> $0\r\n\r\n\u00a0\u00a0\u00a0 }(UIImageView())\r\n\r\n\u00a0\u00a0<strong>override<\/strong> <strong>func<\/strong> setupLayout() {\r\n\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <strong>super<\/strong>.setupLayout()\r\n\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 addSubview(testImageView)\r\n\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 testImageView.snp.makeConstraints { (make) <strong>in<\/strong>\r\n\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 make.height.equalTo(50)\r\n\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 make.width.equalTo(50)\r\n\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 make.centerY.equalTo(self.snp.centerY)\r\n\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 make.centerX.equalTo(self.snp.centerX)\r\n\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }\r\n\r\n\u00a0\u00a0\u00a0 }\r\n\r\n}<\/pre>\n<p>&nbsp;<\/p>\n<p>You must be judging yourself as creating such kind of codes demands expertise. Also, you have to compile the whole source code even for small changes and this eventually elongates the timeline for development.<\/p>\n<div style=\"background-color: #f6f6f6; padding: 15px; margin: 15px 0; border-left: 4px solid #1e3957; font-size: 18px;\">\n<div style=\"color: #303030; font-weight: 600; position: absolute;\">Also Read:<\/div>\n<div style=\"padding-left: 100px;\"><a class=\"colorlink\" style=\"color: #057dce; text-decoration: underline; font-style: italic; font-weight: 600;\">JavaScript vs Dart: A Quick Comparison To Choose Dominating One<br \/>\n<\/a><\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"Quick_Overview\"><\/span><strong>Quick Overview:<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><strong><u>Storyboard<\/u><\/strong><\/h3>\n<p>PROS:<\/p>\n<ol>\n<li>Storyboards are easy to use and you can see the changes immediately.<\/li>\n<li>Should be used in a small-scale project with the least number of developers in a team.<\/li>\n<li>Does not require a high level of knowledge in UI design.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p>CONS:<\/p>\n<p>1.Performance issue when app size increases.<\/p>\n<p>2.The development process is slow as you have to work with heavy codes.<\/p>\n<p>3.Worst merging experience.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"NO_Storyboard_Programmatically_design_the_UI\"><\/span><strong>NO Storyboard [Programmatically design the UI]<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>PROS:<\/p>\n<ol>\n<li>Very useful for a large scale app.<\/li>\n<li>Reusability decreases all development efforts.<\/li>\n<\/ol>\n<h3>Performance is quite better as compared to a storyboard.<\/h3>\n<p>CONS:<\/p>\n<p>1.Requires enough expertise for iOS app development.<\/p>\n<p>2.Small changes required in compilation of source codes.<\/p>\n<p>To eliminate such problems, Apple has introduced Swift UI.<\/p>\n<p><em><strong>Here you can see that some lines of code can do more of the work.<\/strong><\/em><\/p>\n<h2><span class=\"ez-toc-section\" id=\"There_are_always_some_advantages_and_disadvantages_of_new_technology_and_now_we_are_going_to_figure_out_them\"><\/span><strong>There are always some advantages and disadvantages of new technology and now we are going to figure out them<\/strong>.<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><strong>Advantages:<\/strong><\/h3>\n<ol>\n<li>Easy to use, less number of codes for larger purposes.<\/li>\n<li>With its declarative property, you don\u2019t have to compile code every time as changes will reflect immediately.<\/li>\n<\/ol>\n<h3><strong>Disadvantages:<\/strong><\/h3>\n<ol>\n<li>If you wish to give the support before iOS, you cannot adopt the <a href=\"https:\/\/en.wikipedia.org\/wiki\/Swift_(programming_language)\" rel=\"nofollow\">Swift UI<\/a>.<\/li>\n<li>It\u2018s a new technology and different from traditional Apple development.<\/li>\n<\/ol>\n<p>In my opinion, Apple brought major changes in its development technique which is quite surprising for the majority of developers at first but as I can see that this is a much better option rather than resolving the conflict on a server and handling a larger bunch of codes.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Today, we will talk about the Storyboard and latest technology Swift UI that has been launched by Apple recently. Let&#8217;s talk about SwiftUI or Storyboards. Ever wondered why all of a sudden there is a drastic change in the design pattern of Apple software development? Even though most of us are familiar with the pros [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":8198,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18],"tags":[33,209,208,207,187],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>SwiftUI or Storyboards - Is SwiftUI the replacement of Storyboard?<\/title>\n<meta name=\"description\" content=\"SwiftUI or Storyboards? Which one will you prefer for UI designing? Since SwiftUI is in talks of the town, check out this blog to know its impact\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mobilecoderz.com\/blog\/is-swift-ui-the-replacement-of-storyboard\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"SwiftUI or Storyboards - Is SwiftUI the replacement of Storyboard?\" \/>\n<meta property=\"og:description\" content=\"SwiftUI or Storyboards? Which one will you prefer for UI designing? Since SwiftUI is in talks of the town, check out this blog to know its impact\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mobilecoderz.com\/blog\/is-swift-ui-the-replacement-of-storyboard\/\" \/>\n<meta property=\"og:site_name\" content=\"MobileCoderz\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/MobileCoderz\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-09-13T14:06:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-24T05:36:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mobilecoderz.com\/blog\/wp-content\/uploads\/2019\/09\/swift-ui-or-storyboards-2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"720\" \/>\n\t<meta property=\"og:image:height\" content=\"404\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Abhishek Shukla\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@mobilecoderz\" \/>\n<meta name=\"twitter:site\" content=\"@mobilecoderz\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Abhishek Shukla\" \/>\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:\/\/mobilecoderz.com\/blog\/is-swift-ui-the-replacement-of-storyboard\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/mobilecoderz.com\/blog\/is-swift-ui-the-replacement-of-storyboard\/\"},\"author\":{\"name\":\"Abhishek Shukla\",\"@id\":\"https:\/\/mobilecoderz.com\/blog\/#\/schema\/person\/a9f6a2d671fc3df3019578029ae0c0f5\"},\"headline\":\"SwiftUI or Storyboards &#8211; Is Swift UI the replacement of Storyboard?\",\"datePublished\":\"2019-09-13T14:06:38+00:00\",\"dateModified\":\"2023-07-24T05:36:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/mobilecoderz.com\/blog\/is-swift-ui-the-replacement-of-storyboard\/\"},\"wordCount\":660,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/mobilecoderz.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/mobilecoderz.com\/blog\/is-swift-ui-the-replacement-of-storyboard\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/mobilecoderz.com\/blog\/wp-content\/uploads\/2019\/09\/swift-ui-or-storyboards-2.png\",\"keywords\":[\"MobileCoderz\",\"Storyboards\",\"Swift UI\",\"SwiftUI\",\"SwiftUI or Storyboards\"],\"articleSection\":[\"Featured\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/mobilecoderz.com\/blog\/is-swift-ui-the-replacement-of-storyboard\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/mobilecoderz.com\/blog\/is-swift-ui-the-replacement-of-storyboard\/\",\"url\":\"https:\/\/mobilecoderz.com\/blog\/is-swift-ui-the-replacement-of-storyboard\/\",\"name\":\"SwiftUI or Storyboards - Is SwiftUI the replacement of Storyboard?\",\"isPartOf\":{\"@id\":\"https:\/\/mobilecoderz.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/mobilecoderz.com\/blog\/is-swift-ui-the-replacement-of-storyboard\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/mobilecoderz.com\/blog\/is-swift-ui-the-replacement-of-storyboard\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/mobilecoderz.com\/blog\/wp-content\/uploads\/2019\/09\/swift-ui-or-storyboards-2.png\",\"datePublished\":\"2019-09-13T14:06:38+00:00\",\"dateModified\":\"2023-07-24T05:36:47+00:00\",\"description\":\"SwiftUI or Storyboards? Which one will you prefer for UI designing? Since SwiftUI is in talks of the town, check out this blog to know its impact\",\"breadcrumb\":{\"@id\":\"https:\/\/mobilecoderz.com\/blog\/is-swift-ui-the-replacement-of-storyboard\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/mobilecoderz.com\/blog\/is-swift-ui-the-replacement-of-storyboard\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/mobilecoderz.com\/blog\/is-swift-ui-the-replacement-of-storyboard\/#primaryimage\",\"url\":\"https:\/\/mobilecoderz.com\/blog\/wp-content\/uploads\/2019\/09\/swift-ui-or-storyboards-2.png\",\"contentUrl\":\"https:\/\/mobilecoderz.com\/blog\/wp-content\/uploads\/2019\/09\/swift-ui-or-storyboards-2.png\",\"width\":720,\"height\":404},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/mobilecoderz.com\/blog\/is-swift-ui-the-replacement-of-storyboard\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/mobilecoderz.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"SwiftUI or Storyboards &#8211; Is Swift UI the replacement of Storyboard?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/mobilecoderz.com\/blog\/#website\",\"url\":\"https:\/\/mobilecoderz.com\/blog\/\",\"name\":\"MobileCoderz\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/mobilecoderz.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/mobilecoderz.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/mobilecoderz.com\/blog\/#organization\",\"name\":\"MobileCoderz Technologies Pvt Ltd\",\"url\":\"https:\/\/mobilecoderz.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/mobilecoderz.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/mobilecoderz.com\/blog\/wp-content\/uploads\/2016\/02\/logo-1-2.png\",\"contentUrl\":\"https:\/\/mobilecoderz.com\/blog\/wp-content\/uploads\/2016\/02\/logo-1-2.png\",\"width\":100,\"height\":63,\"caption\":\"MobileCoderz Technologies Pvt Ltd\"},\"image\":{\"@id\":\"https:\/\/mobilecoderz.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/MobileCoderz\/\",\"https:\/\/x.com\/mobilecoderz\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/mobilecoderz.com\/blog\/#\/schema\/person\/a9f6a2d671fc3df3019578029ae0c0f5\",\"name\":\"Abhishek Shukla\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/mobilecoderz.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/382f2fc042f61a502301cbe02c82a2a8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/382f2fc042f61a502301cbe02c82a2a8?s=96&d=mm&r=g\",\"caption\":\"Abhishek Shukla\"},\"description\":\"Co-founder of MobileCoderz Technologies and a skilled IT consultant with exemplary brilliancy in software engineering. He likes sharing informative blogs mentioning ins &amp; outs of IT consulting with a pinch of trending technologies &amp; techniques. His dexterity in project management led him to shine as a successful entrepreneur &amp; emerging blogger.\",\"sameAs\":[\"https:\/\/mobilecoderz.com\/blog\"],\"url\":\"https:\/\/mobilecoderz.com\/blog\/author\/abhishekmobilecoderz-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"SwiftUI or Storyboards - Is SwiftUI the replacement of Storyboard?","description":"SwiftUI or Storyboards? Which one will you prefer for UI designing? Since SwiftUI is in talks of the town, check out this blog to know its impact","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:\/\/mobilecoderz.com\/blog\/is-swift-ui-the-replacement-of-storyboard\/","og_locale":"en_US","og_type":"article","og_title":"SwiftUI or Storyboards - Is SwiftUI the replacement of Storyboard?","og_description":"SwiftUI or Storyboards? Which one will you prefer for UI designing? Since SwiftUI is in talks of the town, check out this blog to know its impact","og_url":"https:\/\/mobilecoderz.com\/blog\/is-swift-ui-the-replacement-of-storyboard\/","og_site_name":"MobileCoderz","article_publisher":"https:\/\/www.facebook.com\/MobileCoderz\/","article_published_time":"2019-09-13T14:06:38+00:00","article_modified_time":"2023-07-24T05:36:47+00:00","og_image":[{"width":720,"height":404,"url":"https:\/\/mobilecoderz.com\/blog\/wp-content\/uploads\/2019\/09\/swift-ui-or-storyboards-2.png","type":"image\/png"}],"author":"Abhishek Shukla","twitter_card":"summary_large_image","twitter_creator":"@mobilecoderz","twitter_site":"@mobilecoderz","twitter_misc":{"Written by":"Abhishek Shukla","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/mobilecoderz.com\/blog\/is-swift-ui-the-replacement-of-storyboard\/#article","isPartOf":{"@id":"https:\/\/mobilecoderz.com\/blog\/is-swift-ui-the-replacement-of-storyboard\/"},"author":{"name":"Abhishek Shukla","@id":"https:\/\/mobilecoderz.com\/blog\/#\/schema\/person\/a9f6a2d671fc3df3019578029ae0c0f5"},"headline":"SwiftUI or Storyboards &#8211; Is Swift UI the replacement of Storyboard?","datePublished":"2019-09-13T14:06:38+00:00","dateModified":"2023-07-24T05:36:47+00:00","mainEntityOfPage":{"@id":"https:\/\/mobilecoderz.com\/blog\/is-swift-ui-the-replacement-of-storyboard\/"},"wordCount":660,"commentCount":0,"publisher":{"@id":"https:\/\/mobilecoderz.com\/blog\/#organization"},"image":{"@id":"https:\/\/mobilecoderz.com\/blog\/is-swift-ui-the-replacement-of-storyboard\/#primaryimage"},"thumbnailUrl":"https:\/\/mobilecoderz.com\/blog\/wp-content\/uploads\/2019\/09\/swift-ui-or-storyboards-2.png","keywords":["MobileCoderz","Storyboards","Swift UI","SwiftUI","SwiftUI or Storyboards"],"articleSection":["Featured"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/mobilecoderz.com\/blog\/is-swift-ui-the-replacement-of-storyboard\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/mobilecoderz.com\/blog\/is-swift-ui-the-replacement-of-storyboard\/","url":"https:\/\/mobilecoderz.com\/blog\/is-swift-ui-the-replacement-of-storyboard\/","name":"SwiftUI or Storyboards - Is SwiftUI the replacement of Storyboard?","isPartOf":{"@id":"https:\/\/mobilecoderz.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mobilecoderz.com\/blog\/is-swift-ui-the-replacement-of-storyboard\/#primaryimage"},"image":{"@id":"https:\/\/mobilecoderz.com\/blog\/is-swift-ui-the-replacement-of-storyboard\/#primaryimage"},"thumbnailUrl":"https:\/\/mobilecoderz.com\/blog\/wp-content\/uploads\/2019\/09\/swift-ui-or-storyboards-2.png","datePublished":"2019-09-13T14:06:38+00:00","dateModified":"2023-07-24T05:36:47+00:00","description":"SwiftUI or Storyboards? Which one will you prefer for UI designing? Since SwiftUI is in talks of the town, check out this blog to know its impact","breadcrumb":{"@id":"https:\/\/mobilecoderz.com\/blog\/is-swift-ui-the-replacement-of-storyboard\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mobilecoderz.com\/blog\/is-swift-ui-the-replacement-of-storyboard\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mobilecoderz.com\/blog\/is-swift-ui-the-replacement-of-storyboard\/#primaryimage","url":"https:\/\/mobilecoderz.com\/blog\/wp-content\/uploads\/2019\/09\/swift-ui-or-storyboards-2.png","contentUrl":"https:\/\/mobilecoderz.com\/blog\/wp-content\/uploads\/2019\/09\/swift-ui-or-storyboards-2.png","width":720,"height":404},{"@type":"BreadcrumbList","@id":"https:\/\/mobilecoderz.com\/blog\/is-swift-ui-the-replacement-of-storyboard\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mobilecoderz.com\/blog\/"},{"@type":"ListItem","position":2,"name":"SwiftUI or Storyboards &#8211; Is Swift UI the replacement of Storyboard?"}]},{"@type":"WebSite","@id":"https:\/\/mobilecoderz.com\/blog\/#website","url":"https:\/\/mobilecoderz.com\/blog\/","name":"MobileCoderz","description":"","publisher":{"@id":"https:\/\/mobilecoderz.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mobilecoderz.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/mobilecoderz.com\/blog\/#organization","name":"MobileCoderz Technologies Pvt Ltd","url":"https:\/\/mobilecoderz.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mobilecoderz.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/mobilecoderz.com\/blog\/wp-content\/uploads\/2016\/02\/logo-1-2.png","contentUrl":"https:\/\/mobilecoderz.com\/blog\/wp-content\/uploads\/2016\/02\/logo-1-2.png","width":100,"height":63,"caption":"MobileCoderz Technologies Pvt Ltd"},"image":{"@id":"https:\/\/mobilecoderz.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/MobileCoderz\/","https:\/\/x.com\/mobilecoderz"]},{"@type":"Person","@id":"https:\/\/mobilecoderz.com\/blog\/#\/schema\/person\/a9f6a2d671fc3df3019578029ae0c0f5","name":"Abhishek Shukla","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mobilecoderz.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/382f2fc042f61a502301cbe02c82a2a8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/382f2fc042f61a502301cbe02c82a2a8?s=96&d=mm&r=g","caption":"Abhishek Shukla"},"description":"Co-founder of MobileCoderz Technologies and a skilled IT consultant with exemplary brilliancy in software engineering. He likes sharing informative blogs mentioning ins &amp; outs of IT consulting with a pinch of trending technologies &amp; techniques. His dexterity in project management led him to shine as a successful entrepreneur &amp; emerging blogger.","sameAs":["https:\/\/mobilecoderz.com\/blog"],"url":"https:\/\/mobilecoderz.com\/blog\/author\/abhishekmobilecoderz-com\/"}]}},"_links":{"self":[{"href":"https:\/\/mobilecoderz.com\/blog\/wp-json\/wp\/v2\/posts\/1617"}],"collection":[{"href":"https:\/\/mobilecoderz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mobilecoderz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mobilecoderz.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mobilecoderz.com\/blog\/wp-json\/wp\/v2\/comments?post=1617"}],"version-history":[{"count":9,"href":"https:\/\/mobilecoderz.com\/blog\/wp-json\/wp\/v2\/posts\/1617\/revisions"}],"predecessor-version":[{"id":10127,"href":"https:\/\/mobilecoderz.com\/blog\/wp-json\/wp\/v2\/posts\/1617\/revisions\/10127"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mobilecoderz.com\/blog\/wp-json\/wp\/v2\/media\/8198"}],"wp:attachment":[{"href":"https:\/\/mobilecoderz.com\/blog\/wp-json\/wp\/v2\/media?parent=1617"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mobilecoderz.com\/blog\/wp-json\/wp\/v2\/categories?post=1617"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mobilecoderz.com\/blog\/wp-json\/wp\/v2\/tags?post=1617"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}