{"id":20667,"date":"2023-04-13T09:33:00","date_gmt":"2023-04-13T07:33:00","guid":{"rendered":"https:\/\/www.codemotion.com\/magazine\/?p=20667"},"modified":"2023-04-11T16:43:15","modified_gmt":"2023-04-11T14:43:15","slug":"cross-platform-friendly-frameworks-for-mobile-development-in-2023","status":"publish","type":"post","link":"https:\/\/www.codemotion.com\/magazine\/frontend\/mobile-dev\/cross-platform-friendly-frameworks-for-mobile-development-in-2023\/","title":{"rendered":"Cross-Platform Friendly Frameworks for Mobile Development in 2023"},"content":{"rendered":"\n<p>When it comes to building an app for several different mobile platforms, you typically have two options, native or cross-platform. <strong>Native apps are reckoned to run faster, but take greater developer resources to produce<\/strong>. Typically a different development team is needed for each OS, codebases are entirely separate, and development, test and release cycles are independent.<\/p>\n\n\n\n<p>To simplify things, cross-platform frameworks can be leveraged to <strong>minimize development resources<\/strong>. Teams then work with a single SDK which automatically generates apps for a range of platforms. Historically, this has tended to mean reduced performance, especially where some kind of run-time wrapper or virtual machine is required. However, by producing native code for each platform, a new generation of <strong>cross-platform <a href=\"https:\/\/www.codemotion.com\/magazine\/frontend\/web-developer\/go-full-web-with-flutter\/\" target=\"_blank\" aria-label=\"frameworks like Flutter (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"ek-link\">frameworks like Flutter<\/a><\/strong> promises single codebase development without the performance hit.<\/p>\n\n\n\n<p>In this article, we&#8217;ll take a closer look at cross-platform development and give an overview of the top five frameworks. We&#8217;ve also teamed up with<a href=\"https:\/\/www.wolterskluwer.com\" target=\"_blank\" aria-label=\" (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"ek-link\"> Wolters Kluwer<\/a>, a leading provider of software services, for some key insights into getting the best results with your cross-platform development.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-the-importance-of-cross-platform-mobile-development\"><strong>The importance of cross-platform mobile development<\/strong><\/h2>\n\n\n\n<p>More than ever, customers today expect to be able to use the same apps and services across a range of devices, be they smartphones, tablets, desktops or websites. <strong>However, developing a consistent user experience for different OSs can be a challenge<\/strong>. Plus, maintaining a development team for each platform is expensive and harder to manage.<\/p>\n\n\n\n<p>Over a decade ago, there were rather more mobile operating systems &#8211; Windows, Blackberry, Symbian and a few others as well as Apple iOS and Android. Luckily for devs, most of these have now dropped out leaving only Google and Apple&#8217;s offerings. Still, maintaining codebases for both platforms effectively doubles developer <a href=\"https:\/\/www.codemotion.com\/magazine\/frontend\/web-developer\/why-is-web-performance-more-important-than-ever\/\" class=\"ek-link\">resource requirements<\/a>. On top of that, customers usually expect a consistently-functioning web app.<\/p>\n\n\n\n<p>Cross-platform frameworks have existed for some time. Titanium SDK and Apache Cordova (formerly PhoneGap) were early players in the market. Such frameworks made it quick and relatively easy to code simple apps for a range of platforms. But while useful for proof-of-concept or <a href=\"https:\/\/www.codemotion.com\/magazine\/backend\/designing-and-deploying-your-mvp-with-minimal-resources\/\" target=\"_blank\" aria-label=\"MVP (Minimal Viable Product) (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"ek-link\">MVP (Minimal Viable Product)<\/a> demonstrations, many producers found them too limited in specific functionality and somewhat slow in performance.<\/p>\n\n\n\n<p>In recent years, however, these frameworks have improved a great deal and are now capable of generating consistent and high-performance mobile and web apps. In fact, the web aspect is key here, because frameworks like Flutter now allow developers to code generic codebases as<a href=\"https:\/\/techradar.softwareag.com\/technology\/progressive-web-apps\/\"> Progressive Web Apps (PWAs)<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-native-apps-vs-pwas\"><strong>Native apps vs PWAs<\/strong><\/h3>\n\n\n\n<p>In short, Progressive Web Apps are software applications delivered through web technologies. This is a long way from the document style of websites that appeared in the early days of the world wide web. The latest iterations of the web&#8217;s basic building blocks &#8211; HTML, CSS, Javascript and now<a href=\"https:\/\/www.codemotion.com\/magazine\/frontend\/building-spas-with-typescript-and-webcomponents\/\"> web components<\/a> &#8211; allow browser-based functionality that meets many of the more sophisticated expectations of mobile or desktop apps.&nbsp;<\/p>\n\n\n\n<p>Offline features, background data syncing, push notifications and much greater speed and stability are now reasonable expectations for a web app. In fact, native apps might still be more suitable compared to PWAs when there&#8217;s the need to work off-line or in areas without satellite or WiFi coverage. However, PWAs provide an excellent entry point for cross-platform development. So how do they compare with native apps in other areas?<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Developer resources<\/strong>. Perhaps the most obvious benefit of cross-platform PWAs is their efficiency in terms of developer resources. Developers need only one codebase, saving time and effort. They also reduce the effort needed to learn new languages and frameworks for each platform.<\/li>\n\n\n\n<li><strong>Performance<\/strong>. Frameworks like<a href=\"https:\/\/www.codemotion.com\/magazine\/frontend\/web-developer\/go-full-web-with-flutter\/\"> Flutter<\/a> automatically translate and compile code to native architectures, meaning there is typically little difference in terms of performance.<\/li>\n\n\n\n<li><strong>Features<\/strong>. As we&#8217;ve seen above, contemporary web technologies allow browser-based apps to match many of the features of native apps like syncing and push notifications. That also means that web-oriented codebases can easily transition to mobile architectures.<\/li>\n\n\n\n<li><strong>Hardware integration<\/strong>. PWAs now allow interaction with many hardware sensors on mobile devices, offering a more intuitive user experience. There are, however, some limitations, not least because of the specificity of individual OSs.<\/li>\n\n\n\n<li><strong>Web indexing<\/strong>. PWAs are not ideal for some more traditional websites. Document-based may be better served by more standard web frameworks or static pages since search engine indexing typically doesn&#8217;t cover PWA content.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"853\" src=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/01\/iStock-1407912489-1024x853.jpg\" alt=\"\" class=\"wp-image-19941\" srcset=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/01\/iStock-1407912489-1024x853.jpg 1024w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/01\/iStock-1407912489-300x250.jpg 300w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/01\/iStock-1407912489-768x640.jpg 768w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/01\/iStock-1407912489.jpg 1122w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Cross-platform development is becoming more and more important in mobile development.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-top-mobile-frameworks-for-your-cross-platform-projects\"><strong>Top mobile frameworks for your cross-platform projects<\/strong><\/h2>\n\n\n\n<p>There are now several suitable frameworks available. Let&#8217;s take a look at some top contenders.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-flutter\"><strong>Flutter<\/strong><\/h3>\n\n\n\n<p>According to<a aria-label=\" (opens in a new tab)\" href=\"https:\/\/www.statista.com\/statistics\/869224\/worldwide-software-developer-working-hours\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"ek-link\"> recent surveys<\/a>, Google&#8217;s Flutter is the foremost cross-platform framework out there. First released in 2018, it was initially aimed at consolidating development for the two main mobile platforms, Android and iOS. Since the release of Flutter 2 in March 2021, developers have been able to build cross-platform apps as PWAs, offering, in their own words<a aria-label=\" (opens in a new tab)\" href=\"https:\/\/flutter.dev\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"ek-link\"> &#8216;apps for any screen&#8217;<\/a>. It is powered by<a href=\"https:\/\/dart.dev\/\"> Dart<\/a>, an object-oriented language that can compile equally to native machine code or Javascript, to match individual platform requirements.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-xamarin\"><strong>Xamarin<\/strong><\/h3>\n\n\n\n<p><a href=\"https:\/\/dotnet.microsoft.com\/en-us\/apps\/xamarin\" target=\"_blank\" aria-label=\" (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"ek-link\">Xamarin<\/a> is Microsoft&#8217;s entry in the cross-platform marketplace. It is based on .NET and C# and is streamlined for developing apps across desktop and mobile devices running Android, iOS or Windows. Unlike some cross-platform frameworks, however, it does not use web technologies so is not suited to browser-based app development.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-react-native\"><strong>React Native<\/strong><\/h3>\n\n\n\n<p>Coming a close second to Flutter in the usage stats,<a aria-label=\" (opens in a new tab)\" href=\"https:\/\/reactnative.dev\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"ek-link\"> React Native<\/a> is an open-source framework capable of producing apps for the main OSs and web browsers. The framework is based around<a aria-label=\" (opens in a new tab)\" href=\"https:\/\/www.codemotion.com\/magazine\/frontend\/javascript\/video-lets-build-a-modern-react-application\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"ek-link\"> React<\/a>, a Javascript UI library with an extensive global user community. It renders React primitives to the same UI as that used by native development, making it a good choice for performance.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-ionic\"><strong>Ionic<\/strong><\/h3>\n\n\n\n<p><a aria-label=\" (opens in a new tab)\" href=\"https:\/\/ionicframework.com\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"ek-link\">Ionic<\/a> is an open-source SDK that makes extensive use of web technologies. That makes it ideal for cross-platform development with a web priority. Originally built on top of AngularJS and Apache Cordova, Ionic is now based on web components, making it a good fit for PWA-driven development. It uses Cordova plugins to access specific features of mobile hardware.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-rad-studio\"><strong>RAD Studio<\/strong><\/h3>\n\n\n\n<p>Like Xamarin,<a href=\"https:\/\/www.embarcadero.com\/products\/rad-studio\/\" target=\"_blank\" aria-label=\" (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"ek-link\"> RAD Studio<\/a> is aimed at cross-platform development for different mobile and desktop operating systems. That means it&#8217;s not suitable for web development. However, unlike most competitors in the field, it does include support for often underserved Linux platforms. It has code support for both Delphi and C++.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-best-practices-for-cross-platform-development\"><strong>Best practices for cross-platform development<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/11\/iStock-844419966-1024x683.jpg\" alt=\"Single Page Applications with Angular, front-end, frontend developer\" class=\"wp-image-19368\" srcset=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/11\/iStock-844419966-1024x683.jpg 1024w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/11\/iStock-844419966-300x200.jpg 300w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/11\/iStock-844419966-768x512.jpg 768w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/11\/iStock-844419966-600x400.jpg 600w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/11\/iStock-844419966.jpg 1254w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">It&#8217;s key to maintain UI and UX standards across platforms.<\/figcaption><\/figure>\n\n\n\n<p>Finally, it&#8217;s worth considering some cross-platform best practices, drawn from experts in the field, Wolters Kluwer, when working with Flutter.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Manage integration<\/strong>. If your organization is adopting cross-platform development for the first time, it&#8217;s important to give enough time for integration. Be aware that not all native components will work directly, so some design or functionality changes may be required.<\/li>\n\n\n\n<li><strong>Maintain UI\/UX standards<\/strong>. Cross-platform development promises streamlined UI development. However, each OS has a different look and feel, so it&#8217;s important to make sure that interface designs work to specification on all your supported platforms.<\/li>\n\n\n\n<li><strong>Manage release schedules<\/strong>. If you manage multiple platforms, you&#8217;ll be aware that they don&#8217;t necessarily release OS upgrades at the same time. You may need to run a less frequent release schedule to maintain consistency.<\/li>\n\n\n\n<li><strong>Use library components<\/strong>. With cross-platform development, there are several common challenges with pre-existing solutions. Many complex features can be addressed with pre-built components such as stateless widgets. This was the approach taken by Wolters Kluwer, who chose the<a href=\"https:\/\/pub.dev\/packages\/get\" class=\"ek-link\"> GetX<\/a> library to manage state management, route management and dependencies.<\/li>\n\n\n\n<li><strong>Test<\/strong>. Your code may be unified, but you still need to conduct user-level testing on each supported platform. Because each has differences, you cannot assume that performance on one platform guarantees success with others.<\/li>\n\n\n\n<li><strong>Have a strong REST-API backend. <\/strong>This will simplify the mobile side development and, eventually, also the native vs PWA battle! This is key specially for business oriented apps. Good APIs, good data semantic, well defined processes are the key.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-conclusions-is-cross-platform-the-future-in-mobile\"><strong>Conclusions: Is cross-platform the future in mobile?<\/strong><\/h2>\n\n\n\n<p>Cross-platform development is now easier than ever before and, with native compilation, performance is often barely distinguishable from fully native code. In the future, we can expect further improvements in functionality and hardware integration for mobile platforms.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-pullquote\"><blockquote><p>It\u2019s important to not leave aside the marketing aspect. Apps have the advantage of being listed in app stores, with ratings and reviews, compared to PWAs.\u00a0<\/p><\/blockquote><\/figure>\n\n\n\n<p>So, the answer to this hot debate is not black or white, but to be able to choose the right tool for the job after considering the use cases and market needs of every project. <strong>However, we can expect that, as web development becomes more app-like and component-based, PWAs look set to become even more and more common as a solution for mobile apps. <\/strong>Of course, the best proof of concept comes from those who have effectively negotiated the challenges of PWA development and used it successfully. You can learn more about cross-platform development with<a href=\"https:\/\/www.wolterskluwer.com\" target=\"_blank\" aria-label=\" (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"ek-link\"> Wolters Kluwer<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/careers.wolterskluwer.com\/it-it\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"976\" height=\"250\" src=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/02\/BANNER_FOOTER_-FEB23_wolterskluwer-1.png\" alt=\"\" class=\"wp-image-20260\" srcset=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/02\/BANNER_FOOTER_-FEB23_wolterskluwer-1.png 976w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/02\/BANNER_FOOTER_-FEB23_wolterskluwer-1-300x77.png 300w, https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/02\/BANNER_FOOTER_-FEB23_wolterskluwer-1-768x197.png 768w\" sizes=\"auto, (max-width: 976px) 100vw, 976px\" \/><\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>When it comes to building an app for several different mobile platforms, you typically have two options, native or cross-platform. Native apps are reckoned to run faster, but take greater developer resources to produce. Typically a different development team is needed for each OS, codebases are entirely separate, and development, test and release cycles are&#8230; <a class=\"more-link\" href=\"https:\/\/www.codemotion.com\/magazine\/frontend\/mobile-dev\/cross-platform-friendly-frameworks-for-mobile-development-in-2023\/\">Read more<\/a><\/p>\n","protected":false},"author":64,"featured_media":20672,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_editorskit_title_hidden":false,"_editorskit_reading_time":0,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","_uag_custom_page_level_css":"","_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[33],"tags":[9965,9907],"collections":[],"class_list":{"0":"post-20667","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-mobile-dev","8":"tag-flutter","9":"tag-frameworks","10":"entry"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.9 (Yoast SEO v26.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Cross-platform frameworks for mobile development- Codemotion<\/title>\n<meta name=\"description\" content=\"Wondering how to simplify your native mobile applications without losing the cross-platform aspect? Consider these frameworks!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.codemotion.com\/magazine\/frontend\/mobile-dev\/cross-platform-friendly-frameworks-for-mobile-development-in-2023\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cross-Platform Friendly Frameworks for Mobile Development in 2023\" \/>\n<meta property=\"og:description\" content=\"Wondering how to simplify your native mobile applications without losing the cross-platform aspect? Consider these frameworks!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.codemotion.com\/magazine\/frontend\/mobile-dev\/cross-platform-friendly-frameworks-for-mobile-development-in-2023\/\" \/>\n<meta property=\"og:site_name\" content=\"Codemotion Magazine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Codemotion.Italy\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-04-13T07:33:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/04\/iStock-1286739933.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Codemotion\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@CodemotionIT\" \/>\n<meta name=\"twitter:site\" content=\"@CodemotionIT\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Codemotion\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/frontend\/mobile-dev\/cross-platform-friendly-frameworks-for-mobile-development-in-2023\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/frontend\/mobile-dev\/cross-platform-friendly-frameworks-for-mobile-development-in-2023\/\"},\"author\":{\"name\":\"Codemotion\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/201bb98b02412383686cced7521b861c\"},\"headline\":\"Cross-Platform Friendly Frameworks for Mobile Development in 2023\",\"datePublished\":\"2023-04-13T07:33:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/frontend\/mobile-dev\/cross-platform-friendly-frameworks-for-mobile-development-in-2023\/\"},\"wordCount\":1502,\"publisher\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/frontend\/mobile-dev\/cross-platform-friendly-frameworks-for-mobile-development-in-2023\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/04\/iStock-1286739933.jpg\",\"keywords\":[\"Flutter\",\"Frameworks\"],\"articleSection\":[\"Mobile Developer\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/frontend\/mobile-dev\/cross-platform-friendly-frameworks-for-mobile-development-in-2023\/\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/frontend\/mobile-dev\/cross-platform-friendly-frameworks-for-mobile-development-in-2023\/\",\"name\":\"Cross-platform frameworks for mobile development- Codemotion\",\"isPartOf\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/frontend\/mobile-dev\/cross-platform-friendly-frameworks-for-mobile-development-in-2023\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/frontend\/mobile-dev\/cross-platform-friendly-frameworks-for-mobile-development-in-2023\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/04\/iStock-1286739933.jpg\",\"datePublished\":\"2023-04-13T07:33:00+00:00\",\"description\":\"Wondering how to simplify your native mobile applications without losing the cross-platform aspect? Consider these frameworks!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/frontend\/mobile-dev\/cross-platform-friendly-frameworks-for-mobile-development-in-2023\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.codemotion.com\/magazine\/frontend\/mobile-dev\/cross-platform-friendly-frameworks-for-mobile-development-in-2023\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/frontend\/mobile-dev\/cross-platform-friendly-frameworks-for-mobile-development-in-2023\/#primaryimage\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/04\/iStock-1286739933.jpg\",\"contentUrl\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/04\/iStock-1286739933.jpg\",\"width\":1024,\"height\":1024,\"caption\":\"Website building. Web graphic, interface design, responsive website. Software engineering and development. Male programmeer cartoon character. Vector isolated concept metaphor illustration\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/frontend\/mobile-dev\/cross-platform-friendly-frameworks-for-mobile-development-in-2023\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.codemotion.com\/magazine\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Frontend\",\"item\":\"https:\/\/www.codemotion.com\/magazine\/frontend\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Mobile Developer\",\"item\":\"https:\/\/www.codemotion.com\/magazine\/frontend\/mobile-dev\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Cross-Platform Friendly Frameworks for Mobile Development in 2023\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#website\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/\",\"name\":\"Codemotion Magazine\",\"description\":\"We code the future. Together\",\"publisher\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.codemotion.com\/magazine\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#organization\",\"name\":\"Codemotion\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/codemotionlogo.png\",\"contentUrl\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/codemotionlogo.png\",\"width\":225,\"height\":225,\"caption\":\"Codemotion\"},\"image\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Codemotion.Italy\/\",\"https:\/\/x.com\/CodemotionIT\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/201bb98b02412383686cced7521b861c\",\"name\":\"Codemotion\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/cropped-codemotionlogo-150x150.png\",\"contentUrl\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/cropped-codemotionlogo-150x150.png\",\"caption\":\"Codemotion\"},\"description\":\"Articles wirtten by the Codemotion staff. Tech news, inspiration, latest treends in software development and more.\",\"sameAs\":[\"https:\/\/x.com\/CodemotionIT\"],\"url\":\"https:\/\/www.codemotion.com\/magazine\/author\/codemotion-2\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Cross-platform frameworks for mobile development- Codemotion","description":"Wondering how to simplify your native mobile applications without losing the cross-platform aspect? Consider these frameworks!","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:\/\/www.codemotion.com\/magazine\/frontend\/mobile-dev\/cross-platform-friendly-frameworks-for-mobile-development-in-2023\/","og_locale":"en_US","og_type":"article","og_title":"Cross-Platform Friendly Frameworks for Mobile Development in 2023","og_description":"Wondering how to simplify your native mobile applications without losing the cross-platform aspect? Consider these frameworks!","og_url":"https:\/\/www.codemotion.com\/magazine\/frontend\/mobile-dev\/cross-platform-friendly-frameworks-for-mobile-development-in-2023\/","og_site_name":"Codemotion Magazine","article_publisher":"https:\/\/www.facebook.com\/Codemotion.Italy\/","article_published_time":"2023-04-13T07:33:00+00:00","og_image":[{"width":1024,"height":1024,"url":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/04\/iStock-1286739933.jpg","type":"image\/jpeg"}],"author":"Codemotion","twitter_card":"summary_large_image","twitter_creator":"@CodemotionIT","twitter_site":"@CodemotionIT","twitter_misc":{"Written by":"Codemotion","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/mobile-dev\/cross-platform-friendly-frameworks-for-mobile-development-in-2023\/#article","isPartOf":{"@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/mobile-dev\/cross-platform-friendly-frameworks-for-mobile-development-in-2023\/"},"author":{"name":"Codemotion","@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/201bb98b02412383686cced7521b861c"},"headline":"Cross-Platform Friendly Frameworks for Mobile Development in 2023","datePublished":"2023-04-13T07:33:00+00:00","mainEntityOfPage":{"@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/mobile-dev\/cross-platform-friendly-frameworks-for-mobile-development-in-2023\/"},"wordCount":1502,"publisher":{"@id":"https:\/\/www.codemotion.com\/magazine\/#organization"},"image":{"@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/mobile-dev\/cross-platform-friendly-frameworks-for-mobile-development-in-2023\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/04\/iStock-1286739933.jpg","keywords":["Flutter","Frameworks"],"articleSection":["Mobile Developer"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/mobile-dev\/cross-platform-friendly-frameworks-for-mobile-development-in-2023\/","url":"https:\/\/www.codemotion.com\/magazine\/frontend\/mobile-dev\/cross-platform-friendly-frameworks-for-mobile-development-in-2023\/","name":"Cross-platform frameworks for mobile development- Codemotion","isPartOf":{"@id":"https:\/\/www.codemotion.com\/magazine\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/mobile-dev\/cross-platform-friendly-frameworks-for-mobile-development-in-2023\/#primaryimage"},"image":{"@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/mobile-dev\/cross-platform-friendly-frameworks-for-mobile-development-in-2023\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/04\/iStock-1286739933.jpg","datePublished":"2023-04-13T07:33:00+00:00","description":"Wondering how to simplify your native mobile applications without losing the cross-platform aspect? Consider these frameworks!","breadcrumb":{"@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/mobile-dev\/cross-platform-friendly-frameworks-for-mobile-development-in-2023\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.codemotion.com\/magazine\/frontend\/mobile-dev\/cross-platform-friendly-frameworks-for-mobile-development-in-2023\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/mobile-dev\/cross-platform-friendly-frameworks-for-mobile-development-in-2023\/#primaryimage","url":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/04\/iStock-1286739933.jpg","contentUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/04\/iStock-1286739933.jpg","width":1024,"height":1024,"caption":"Website building. Web graphic, interface design, responsive website. Software engineering and development. Male programmeer cartoon character. Vector isolated concept metaphor illustration"},{"@type":"BreadcrumbList","@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/mobile-dev\/cross-platform-friendly-frameworks-for-mobile-development-in-2023\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.codemotion.com\/magazine\/"},{"@type":"ListItem","position":2,"name":"Frontend","item":"https:\/\/www.codemotion.com\/magazine\/frontend\/"},{"@type":"ListItem","position":3,"name":"Mobile Developer","item":"https:\/\/www.codemotion.com\/magazine\/frontend\/mobile-dev\/"},{"@type":"ListItem","position":4,"name":"Cross-Platform Friendly Frameworks for Mobile Development in 2023"}]},{"@type":"WebSite","@id":"https:\/\/www.codemotion.com\/magazine\/#website","url":"https:\/\/www.codemotion.com\/magazine\/","name":"Codemotion Magazine","description":"We code the future. Together","publisher":{"@id":"https:\/\/www.codemotion.com\/magazine\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.codemotion.com\/magazine\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.codemotion.com\/magazine\/#organization","name":"Codemotion","url":"https:\/\/www.codemotion.com\/magazine\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/logo\/image\/","url":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/codemotionlogo.png","contentUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/codemotionlogo.png","width":225,"height":225,"caption":"Codemotion"},"image":{"@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Codemotion.Italy\/","https:\/\/x.com\/CodemotionIT"]},{"@type":"Person","@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/201bb98b02412383686cced7521b861c","name":"Codemotion","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/image\/","url":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/cropped-codemotionlogo-150x150.png","contentUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/cropped-codemotionlogo-150x150.png","caption":"Codemotion"},"description":"Articles wirtten by the Codemotion staff. Tech news, inspiration, latest treends in software development and more.","sameAs":["https:\/\/x.com\/CodemotionIT"],"url":"https:\/\/www.codemotion.com\/magazine\/author\/codemotion-2\/"}]}},"featured_image_src":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/04\/iStock-1286739933-600x400.jpg","featured_image_src_square":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/04\/iStock-1286739933-600x600.jpg","author_info":{"display_name":"Codemotion","author_link":"https:\/\/www.codemotion.com\/magazine\/author\/codemotion-2\/"},"uagb_featured_image_src":{"full":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/04\/iStock-1286739933.jpg",1024,1024,false],"thumbnail":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/04\/iStock-1286739933-150x150.jpg",150,150,true],"medium":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/04\/iStock-1286739933-300x300.jpg",300,300,true],"medium_large":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/04\/iStock-1286739933-768x768.jpg",768,768,true],"large":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/04\/iStock-1286739933.jpg",1024,1024,false],"1536x1536":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/04\/iStock-1286739933.jpg",1024,1024,false],"2048x2048":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/04\/iStock-1286739933.jpg",1024,1024,false],"small-home-featured":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/04\/iStock-1286739933.jpg",100,100,false],"sidebar-featured":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/04\/iStock-1286739933-180x128.jpg",180,128,true],"genesis-singular-images":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/04\/iStock-1286739933-896x504.jpg",896,504,true],"archive-featured":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/04\/iStock-1286739933-400x225.jpg",400,225,true],"gb-block-post-grid-landscape":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/04\/iStock-1286739933-600x400.jpg",600,400,true],"gb-block-post-grid-square":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2023\/04\/iStock-1286739933-600x600.jpg",600,600,true]},"uagb_author_info":{"display_name":"Codemotion","author_link":"https:\/\/www.codemotion.com\/magazine\/author\/codemotion-2\/"},"uagb_comment_info":0,"uagb_excerpt":"When it comes to building an app for several different mobile platforms, you typically have two options, native or cross-platform. Native apps are reckoned to run faster, but take greater developer resources to produce. Typically a different development team is needed for each OS, codebases are entirely separate, and development, test and release cycles are&#8230;&hellip;","lang":"en","_links":{"self":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts\/20667","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/users\/64"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/comments?post=20667"}],"version-history":[{"count":7,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts\/20667\/revisions"}],"predecessor-version":[{"id":20680,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts\/20667\/revisions\/20680"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/media\/20672"}],"wp:attachment":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/media?parent=20667"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/categories?post=20667"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/tags?post=20667"},{"taxonomy":"collections","embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/collections?post=20667"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}