[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"site-settings":3,"blogpost-react-native-vs-native-ios-and-android":72},{"footer":4,"contact_form":6,"chat_widget":11,"accolades":19,"seo_social":63},{"iso_notice":5},"Wolfpack Digital is an ISO 9001:2015, ISO 27001:2013 and ISO 14001:2015 certified company - © _YEAR_ Wolfpack Digital. All rights reserved.",{"budgets":7},[8,9,10],"Under $50.000","Between $50.000 - 200.000","Over $200.000",{"consent":12},{"greeting":13,"title":14,"body":15,"accept_label":16,"decline_label":17,"declined_message":18},"Awoo! I'm Wolfpack Digital's AI assistant. Ask me anything about our services, process, or team, and if you want a project estimate, I can point you to our AI Estimator.","Data Privacy","\u003Cp>Hi there! We would love to talk with you. Under the EU General Data Protection Regulation, we need your approval for our use of personal information (e.g. your name and email address) you may provide as we communicate:\u003C\u002Fp>\n\u003Col>\n  \u003Cli>We'll store your personal information so that we can pick up the conversation if we talk later.\u003C\u002Fli>\n  \u003Cli>We may send you emails to follow up on our discussion here.\u003C\u002Fli>\n  \u003Cli>We may send you emails about our upcoming services and promotions.\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Cp>Is this okay with you?\u003C\u002Fp>","Yes, I Accept","No, Not Now","No problem. Come back if you change your mind.",{"winnersOfList":20,"awardsList":29,"inHouseAppImages":46,"certificationsList":50},[21,25],{"alt":22,"href":23,"image":24},"European Awards","https:\u002F\u002Fwww.theeuropeanawards.eu\u002Fpremiado\u002Fwolfpack-digital-awarded-in-the-app-development-category","\u002Fimages\u002Fabout-us\u002Fwinners\u002Feuropean.svg",{"alt":26,"href":27,"image":28},"Webby Awards","https:\u002F\u002Fwinners.webbyawards.com\u002F2024\u002Fwebsites-and-mobile-sites\u002Fresponsible-technology\u002Fresponsible-ai\u002F275408\u002Fequality-ai-fair-and-unbiased-algorithms-to-eliminate-discrimination-in-machine-learning-models","\u002Fimages\u002Fabout-us\u002Fwinners\u002Fwebby.svg",[30,34,38,42],{"alt":31,"href":32,"image":33},"Clutch 1000 List Reveals Top-Rated Business Service Providers of 2023","https:\u002F\u002Fclutch.co\u002Fpress-releases\u002Fclutch-1000-fall-2023","\u002Fimages\u002Fabout-us\u002Fawards\u002Fclutch.svg",{"alt":35,"href":36,"image":37},"Clutch Recognizes the 1000 Best B2B Service Providers in its Exclusive 2019 Clutch 1000 List","https:\u002F\u002Fclutch.co\u002Fpress-releases\u002Frecognizes-1000-best-b2b-service-providers-its-exclusive-2019-1000-list","\u002Fimages\u002Fabout-us\u002Fawards\u002Fglobal.svg",{"alt":39,"href":40,"image":41},"Mobile App Daily Award","","\u002Fimages\u002Fabout-us\u002Fawards\u002Fmobile-app-daily.svg",{"alt":43,"href":44,"image":45},"Manifest Award","https:\u002F\u002Fthemanifest.com\u002Fro\u002Fweb-development\u002Fcompanies","\u002Fimages\u002Fabout-us\u002Fawards\u002Fmanifest.svg",[47],{"alt":48,"href":40,"image":49},"Wolfpack Labs","\u002Fimages\u002Fhomepage\u002Fawards\u002Flabs.svg",[51,55,59],{"alt":52,"href":53,"image":54},"ISO 27001 Certification","https:\u002F\u002Fwww.qscert.com\u002Fcs\u002Fissued-certificates\u002F?certID=_7690LD367","\u002Fimages\u002Fabout-us\u002Fcertifications\u002Fiso-27001.svg",{"alt":56,"href":57,"image":58},"ISO 9001 Certification","https:\u002F\u002Fwww.qscert.com\u002Fcs\u002Fissued-certificates\u002F?certID=_7690LBDB0","\u002Fimages\u002Fabout-us\u002Fcertifications\u002Fiso-9001.svg",{"alt":60,"href":61,"image":62},"ISO 14001 Certification","https:\u002F\u002Fwww.qscert.com\u002Fma\u002Fissued-certificates\u002F?certID=_7690LZSGS","\u002Fimages\u002Fabout-us\u002Fcertifications\u002Fiso-14001.svg",{"default_og_image_urls":64,"default_og_image_alt":68,"og_site_name":68,"og_locale":69,"twitter_site":70,"page_type_defaults":71},[65],{"url":66,"style":67},"\u002Fimages\u002Fsocial_share_preview.jpg","og","Wolfpack Digital","en_US","@DigitalWolfpack",{},["Reactive",73],{"title":74,"body":75,"slug":76,"featured_image_urls":77,"meta_tags":102,"reading_time":110,"title_size":111,"tag_list":112,"formatted_published_at":125,"short_description":103,"categories":126,"alt_text":128,"published_at":129,"content_updated_at":128,"formatted_content_updated_at":128,"key_takeaways":130,"faqs":131,"updated_at":132,"canonical_override":128,"no_index":133,"canonical_url":134,"publishers":135},"React Native vs. Native iOS and Android - the best for your startup","\u003Cdiv>\r\n\u003Cp dir=\"ltr\">After going through all the business steps of defining your product, you get to the moment of coding the actual mobile app. The first decision you must take is what coding language and what technologies to use.\u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\">\u003Cstrong>React Native or Native iOS and Android?\u003C\u002Fstrong>\u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\">Be aware that these are the hardest things to change the further you move along the app development process. Moreover, the timeline of the project, budget-related decisions, the approach on functionalities, and sometimes even the UX\u002FUI design, may depend on this choice. React Native, or Native iOS and Android development are both options that will ensure you are able to build a powerful mobile app. Still, let's see which one suits your business goals the best.\u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\"> \u003C\u002Fp>\r\n\r\n\u003Ch2 dir=\"ltr\">What are Native iOS and Android apps?\u003C\u002Fh2>\r\n\r\n\u003Cp dir=\"ltr\"> \u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\">Native iOS and Android apps are those apps that were built using native iOS or Android development tools. In the case of developing iOS apps, Xcode is the most used, while Android Studio is the most popular for building Android apps.\u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\">You are an ambitious business owner who wants to reach both iOS and Android users. This goal requires you to build two apps with exactly the same functionalities, one for iOS and one for Android, using two separate codebases.\u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\"> \u003C\u002Fp>\r\n\r\n\u003Ch2 dir=\"ltr\">What is React Native then?\u003C\u002Fh2>\r\n\r\n\u003Cp dir=\"ltr\"> \u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\">React Native aims to solve this problem of working on two apps (iOS and Android) by having \u003Cstrong>one single codebase\u003C\u002Fstrong> as input, and \u003Cstrong>two separate app builds\u003C\u002Fstrong> as an output: an iOS version and an Android version.\u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\">React Native is not the only one to try to fix this issue. But unlike it, many others failed this battle. Just so you know, React Native is backed by Facebook.\u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\">Our experience shows that React Native is worth trying. It is a fairly sustainable option. After years of tests and updates, it became a viable solution for building almost any app, and by \"almost any\" we mean over 90% of apps.\u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\"> \u003C\u002Fp>\r\n\r\n\u003Ch2 dir=\"ltr\">Will the user spot the difference between React Native and Native apps?\u003C\u002Fh2>\r\n\r\n\u003Cp dir=\"ltr\"> \u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\">The power is in the developer's hands. If one has no experience with React Native, app builds may come out with distinct issues. When the execution is done right and there are no significant technical challenges or constraints, \u003Cstrong>React Native generates two separate apps\u003C\u002Fstrong> that are no different from native iOS and Android apps.\u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\">\u003Cimg alt=\"Differences of the app development process in React Native vs Native iOS and Android by Wolfpack Digital\" src=\"https:\u002F\u002Fs3-eu-west-2.amazonaws.com\u002Fwolfpack-digital-attachments-production\u002Fckeditor_assets\u002Fpictures\u002F151\u002Fcontent_2._Differences_of_React_Native_and_Native_apps__Wolfpack_Digital.png\" style=\"width: 600px; height: 427px\">\u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\">However, you can't expect a perfect outcome from React Native. There are still some final elements you need to take care of. React Native is doing a pretty good job in respecting iOS and Android design guidelines. However, developers must double-check and manually adjust UI elements, which ends up taking more time and sometimes requires entering a “hacking” mindset, in the detriment of scalability.\u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\">An example of a challenge is the fact that the tab bar on Android is placed at the top of the screen, while on iOS, it's at the bottom. Treating this kind of situation for both platforms actually requires equivalent (or even more) development time to that needed to write native iOS and Android code. \u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\"> \u003C\u002Fp>\r\n\r\n\u003Ch2 dir=\"ltr\">Pros and Cons\u003C\u002Fh2>\r\n\r\n\u003Cp dir=\"ltr\"> \u003C\u002Fp>\r\n\r\n\u003Ch3 dir=\"ltr\" role=\"presentation\">1.   Development time\u003C\u002Fh3>\r\n\r\n\u003Cp dir=\"ltr\">Most of all, it depends on your app development team, how big and skillful it is. But if we focus on creating only one app, then building a React Native app takes more time than building a native one. Therefore, building a native app will help you launch faster if time is an issue. On the other hand, if you need both iOS and Android apps and you have only one developer up to the job with knowledge across all platforms (which is rare), then React Native is the one to help you save on overall development time.\u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\"> \u003C\u002Fp>\r\n\r\n\u003Ch3 dir=\"ltr\" role=\"presentation\">2.   Development cost\u003C\u002Fh3>\r\n\r\n\u003Cp dir=\"ltr\">The chosen technology is where you, as a business founder, can benefit from cost savings. As mentioned above, React Native requires longer development time. But in the long run, it will cost you less building in React Native than using native iOS and Android frameworks, especially for apps of low complexity. You win by building two apps at a time instead of investing in two development processes, one for each iOS and Android apps.\u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\">\u003Cimg alt=\"Development cost of building a mobile app in React Native vs Native iOS and Android by Wolfpack Digital\" src=\"https:\u002F\u002Fs3-eu-west-2.amazonaws.com\u002Fwolfpack-digital-attachments-production\u002Fckeditor_assets\u002Fpictures\u002F150\u002Fcontent_3._Pros___Cons_React_Native__development_cost__Wolfpak_Digital.png\" style=\"width: 600px; height: 427px\">\u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\">Speaking in numbers, the cost of building fairly simple apps in React Native is about 70% of the development cost of the Native iOS and Android apps. For a better understanding, let's imagine that we want to build two apps in Native iOS and Android, which will cost us $ 15,000, ($ 7,500 each). In the case of using React Native, we will spend only $10,000. However, with certain constraints\u002Fcomplexities in place (a more special UX\u002FUI, for example). Beware that building your apps with React Native may cost even more than building them natively. In our example, it may cost $ 18,000. It all depends on the particularities of your apps.\u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\"> \u003C\u002Fp>\r\n\r\n\u003Ch3 dir=\"ltr\" role=\"presentation\">3.   Scalability\u003C\u002Fh3>\r\n\r\n\u003Cp dir=\"ltr\">Driven by the desire to launch, many startup founders postpone thinking about scalability. But if you dream big, you should plan big. Once your business expands, you need to make sure the \u003Cstrong>app handles the growing number of features and users\u003C\u002Fstrong>.   \u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\">React Native is not the one to stop you from that. As a technology, it lets you build and architect a scalable app. The rest depends on \u003Ca href=\"https:\u002F\u002Fwww.wolfpack-digital.com\u002Fabout\" target=\"_blank\">your developers and the quality of the code\u003C\u002Fa>. Still not sure about that? We have some examples prepared, as you will soon read.\u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\"> \u003C\u002Fp>\r\n\r\n\u003Ch3 dir=\"ltr\" role=\"presentation\">4.   Maintenance\u003C\u002Fh3>\r\n\r\n\u003Cp dir=\"ltr\">The one thing about React Native you are going to love for sure is that you will have to fix bugs in only one codebase. It means that the bug fixing process for both apps will be quicker, which leads you faster to a \u003Ca href=\"https:\u002F\u002Fwww.wolfpack-digital.com\u002Fprojects\" target=\"_blank\">flawless digital product\u003C\u002Fa>.\u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\"> \u003C\u002Fp>\r\n\r\n\u003Ch2 dir=\"ltr\">Experiences with React Native\u003C\u002Fh2>\r\n\r\n\u003Cp dir=\"ltr\">Here are some widely-known apps that got to experience working with both React Native and Native iOS\u002FAndroid development. Some of them ended with success, others were less promising. Discover the reasons behind each decision of whether to use React Native or not:\u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\"> \u003C\u002Fp>\r\n\r\n\u003Ch3 dir=\"ltr\" role=\"presentation\">1.   Airbnb and React Native\u003C\u002Fh3>\r\n\r\n\u003Cp dir=\"ltr\">Airbnb started in 2009 as a native app for both iOS and Android. In 7 years, their number of users reached millions. This kind of scalability required a decent number of developers for both iOS and Android to maintain the apps. With an open mind for new technologies and a cost-efficient attitude, in 2016 Airbnb switched to React Native. Now a smaller team of developers was integrating React Native in the existing code and generating changes for both iOS and Android within a single codebase.\u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\">However, in 2019, Airbnb made an announcement about their unsatisfactory experience with React Native. As a result, they decided to switch back to Native iOS and Android. In 2 years of working with this new technology, they came to the conclusion that it is more buggy and less time-efficient to use.\u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\"> \u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\">\u003Cimg alt=\"Airbnb uses react native and native iOS and Android to build a scalable mobile app, Wolfpack Digital overview\" src=\"https:\u002F\u002Fs3-eu-west-2.amazonaws.com\u002Fwolfpack-digital-attachments-production\u002Fckeditor_assets\u002Fpictures\u002F152\u002Fcontent_4._Airbnb_chooses_React_Native__Wolfpack_Digital.png\" style=\"width: 600px; height: 427px\">\u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\"> \u003C\u002Fp>\r\n\r\n\u003Ch3 dir=\"ltr\" role=\"presentation\">2.   Uber and React Native\u003C\u002Fh3>\r\n\r\n\u003Cp dir=\"ltr\">From the very beginning, Uber decided to treat iOS and Android differently. Based on their target audience, respectively mainly users from the US, Uber started with building a native iOS app. In time they also built a native Android app and expanded worldwide. Interestingly, they identified differences in the needs of iOS users and Android users. They also took into consideration the differences between device capabilities. With this in mind, building native iOS and Android apps seemed to be the best decision.\u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\">However, the brother app of Uber, Uber EATS, is built in React Native. Why so? Firstly Uber EATS was built as a single-page web application accessed through tablet devices. When Uber came to the need to expand the app also on mobile devices, they chose React Native to do so. This technology allowed them to easily build a mobile app on both iOS and Android, starting from the web codebase. Also, the process was quite efficient because of the simplicity of the app comparing with the Uber app itself.\u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\"> \u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\">\u003Cimg alt=\"Uber and Uber EATS uses react native and native iOS and Android, WOlfpack Digital overview\" src=\"https:\u002F\u002Fs3-eu-west-2.amazonaws.com\u002Fwolfpack-digital-attachments-production\u002Fckeditor_assets\u002Fpictures\u002F153\u002Fcontent_5_Uber_and_UberEAT_apps_chooses_both__Wolfpack_Digital.png\" style=\"width: 600px; height: 427px\">\u003C\u002Fp>\r\n\r\n\u003Cp dir=\"ltr\" role=\"presentation\"> \u003C\u002Fp>\r\n\r\n\u003Ch3 dir=\"ltr\" role=\"presentation\">3.   Facebook and React Native\u003C\u002Fh3>\r\n\r\n\u003Cp dir=\"ltr\">In 2012 Mark Zuckerberg commented, \"The biggest mistake we made as a company was betting too much on HTML as opposed to native\". In 2015 Facebook was the one to release React Native. Today the app we all use is built with this technology. Instagram is also an app Facebook uses React Native for. \u003C\u002Fp>\r\n\r\n\u003Cp> \u003C\u002Fp>\r\n\r\n\u003Cp>\u003Cimg alt=\"Facebook created react native as a new codebase for mobile apps, Wolfpack Digital overview\" src=\"https:\u002F\u002Fs3-eu-west-2.amazonaws.com\u002Fwolfpack-digital-attachments-production\u002Fckeditor_assets\u002Fpictures\u002F154\u002Fcontent_6._Facebook_the_founder_of_React_Native__Wolfpack_Digital.png\" style=\"width: 600px; height: 427px\">\u003C\u002Fp>\r\n\r\n\u003Cp> \u003C\u002Fp>\r\n\r\n\u003Ch2 dir=\"ltr\">Conclusions\u003C\u002Fh2>\r\n\r\n\u003Cp dir=\"ltr\">Weight your needs as a startup founder. If you think of\u003Ca href=\"https:\u002F\u002Fwww.wolfpack-digital.com\u002Fblogposts\u002F6-steps-to-build-your-mvp\" target=\"_blank\"> building an MVP\u003C\u002Fa> only for one platform (iOS or Android), then it is most likely to be faster and cheaper to make it in a native codebase. If you aim to have the best of both worlds while controlling your budget, then you should consider React Native. And take into account there may be certain compromises to make. However, if you are looking to build a premium quality app, the native way will clearly offer that extra edge. Pros and cons are presented above. So you can consider them when deciding on the right technology for your future mobile app.\u003C\u002Fp>\r\n\u003C\u002Fdiv>\r\n","react-native-vs-native-ios-and-android",[78,81,84,87,90,93,96,99],{"style":79,"url":80},"640","https:\u002F\u002Fwolfpack-digital-attachments-staging.s3.eu-west-2.amazonaws.com\u002Fstore\u002Fblogpost\u002F10\u002Ffeatured_image\u002F640\u002Fimage_processing20220615-4-1d9y2h7.webp",{"style":82,"url":83},"768","https:\u002F\u002Fwolfpack-digital-attachments-staging.s3.eu-west-2.amazonaws.com\u002Fstore\u002Fblogpost\u002F10\u002Ffeatured_image\u002F768\u002Fimage_processing20220615-4-1d9y2h7.webp",{"style":85,"url":86},"1024","https:\u002F\u002Fwolfpack-digital-attachments-staging.s3.eu-west-2.amazonaws.com\u002Fstore\u002Fblogpost\u002F10\u002Ffeatured_image\u002F1024\u002Fimage_processing20220615-4-1d9y2h7.webp",{"style":88,"url":89},"1366","https:\u002F\u002Fwolfpack-digital-attachments-staging.s3.eu-west-2.amazonaws.com\u002Fstore\u002Fblogpost\u002F10\u002Ffeatured_image\u002F1366\u002Fimage_processing20220615-4-1d9y2h7.webp",{"style":91,"url":92},"1600","https:\u002F\u002Fwolfpack-digital-attachments-staging.s3.eu-west-2.amazonaws.com\u002Fstore\u002Fblogpost\u002F10\u002Ffeatured_image\u002F1600\u002Fimage_processing20220615-4-1d9y2h7.webp",{"style":94,"url":95},"1920","https:\u002F\u002Fwolfpack-digital-attachments-staging.s3.eu-west-2.amazonaws.com\u002Fstore\u002Fblogpost\u002F10\u002Ffeatured_image\u002F1920\u002Fimage_processing20220615-4-1d9y2h7.webp",{"style":97,"url":98},"thumb","https:\u002F\u002Fwolfpack-digital-attachments-staging.s3.eu-west-2.amazonaws.com\u002Fstore\u002Fblogpost\u002F10\u002Ffeatured_image\u002Fthumb\u002Fimage_processing20220615-4-1d9y2h7.webp",{"style":100,"url":101},"original","https:\u002F\u002Fwolfpack-digital-attachments-staging.s3.eu-west-2.amazonaws.com\u002Fstore\u002Fblogpost\u002F10\u002Ffeatured_image\u002Foriginal\u002Fimage_processing20220615-4-1d9y2h7.webp",{"title":74,"description":103,"keywords":40,"contact_form:title":104,"contact_form:cta":105,"og:site_name":68,"og:type":106,"og:locale":69,"twitter:card":107,"twitter:site":70,"twitter:creator":70,"image":108,"og:image":109,"og:title":74,"og:video":40,"twitter:title":74,"og:description":103,"twitter:player":40,"twitter:image:src":40,"twitter:description":103},"The first decision you make when building a mobile app is what coding language and technologies to use. React Native or Native iOS and Android? Let's see!","Let's get in touch!","Send","article","summary_large_image","React Native vs. Native iOS and Android app development, Wolfpack Digital pros and cons","https:\u002F\u002Fwolfpack-digital.com\u002Fsystem\u002Fblogposts\u002Ffeatured_images\u002F000\u002F000\u002F010\u002Flarge\u002FReact_Native_vs._Native_ios_and_Native_Android_Final.png?1541083118","5 min",32,[113,114,115,116,117,118,119,120,121,122,123,124],"appdevelopment","pros&cons","android","ios","reactnative","startupfounders","maintenance","A\u002FBtest","facebookapp","airbnbapp","bloombergapp","walmartapp","Sep 4, 2018",[127],"mobile-development",null,"2018-09-04T09:51:21.277Z",[],[],"2022-06-16T08:58:22.479Z",false,"https:\u002F\u002Fwd-fe-stage.herokuapp.com\u002Fblogposts\u002Freact-native-vs-native-ios-and-android",[]]