{"id":3200,"date":"2016-08-29T17:41:49","date_gmt":"2016-08-29T17:41:49","guid":{"rendered":"http:\/\/www.ckl.io\/?p=3200"},"modified":"2026-08-15T07:53:37","modified_gmt":"2026-08-15T07:53:37","slug":"sharing-code-reactjs-react-native","status":"publish","type":"post","link":"https:\/\/cheesecakelabs.com\/blog\/sharing-code-reactjs-react-native\/","title":{"rendered":"Sharing code between ReactJS and React Native: my approach"},"content":{"rendered":"<p><span style=\"font-weight: 400\">Hybrid technologies have been employed for quite a while in mobile application development. Frameworks such as PhoneGap and Ionic come with an appealing motto: <\/span><i><span style=\"font-weight: 400\">Develop once, run everywhere<\/span><\/i><span style=\"font-weight: 400\">. And they actually do what they promise: you write a web-based app once and release it everywhere, from iOS to Android and the Gates of Mordor, as long as it gives support.<\/span><\/p>\n<p><span style=\"font-weight: 400\">I do believe that they play an important role in&nbsp;the mobile app development scene: the huge community of web developers can write mobile app code and are able to deploy fast. But, in my opinion, the idea of developing one shared application for all platforms is dead <\/span><i><span style=\"font-weight: 400\">per se<\/span><\/i><span style=\"font-weight: 400\">.<\/span><\/p>\n<p><span style=\"font-weight: 400\">That&#8217;s where <a href=\"https:\/\/facebook.github.io\/react-native\/\">React Native<\/a> lands. It has a slightly different motto: <\/span><i><span style=\"font-weight: 400\">Learn once, write everywhere<\/span><\/i><span style=\"font-weight: 400\">. It might seem the same but with a closer look, you&#8217;ll spot the difference: it&#8217;s still JavaScript code, but with&nbsp;a dedicated one for each platform. And that changes everything. Each platform has its peculiarities and user expectations vary from one to another.<\/span><\/p>\n<p><!--more--><span style=\"font-weight: 400\"><a href=\"https:\/\/cheesecakelabs.com\/blog\/blog\/react-native-examples-innovative-brands\/\">React Native<\/a> implements a bridge between web and native components. Instead of reinventing the wheel, it leverages the hard work designers and engineers at Apple and Google have done to release their native SDKs. As an alternative to having dedicated apps developed with Objective-C (or Swift) and Java (or Kotlin), you&#8217;ll have dedicated apps written in JavaScript. This way it&#8217;s easier to process your application logic, store state and make use of the huge JavaScript technology stack, and&nbsp;still deliver the look and feel of a native application, bypassing the use of WebViews by rendering native ones.<\/span><\/p>\n<p><img decoding=\"async\" class=\"wp-image-3202 aligncenter\" src=\"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2016\/08\/I-Love-Magic.gif\" alt=\"I-Love-Magic\" width=\"381\" height=\"215\"><\/p>\n<h2>Can you reuse UI components between ReactJS and React Native?<\/h2>\n<p><span style=\"font-weight: 400\">Only partly. React Native lets you share most of the core logic between your web and mobile apps, but don&#8217;t expect full reusability of the UI components. Each platform has its own peculiarities and user expectations, so the interface is the part you still write twice. You&#8217;ll be able to use a couple of generic widgets seamlessly across both platforms, but that&#8217;s the beautiful thing about React Native, it encourages and gives the tools to write dedicated UI code for each platform when needed: it&#8217;s as simple as adding a `.ios.js` or `.android.js` suffix. <\/span><\/p>\n<p>React Native not only solves the performance issue present in other hybrid solutions, but it also improves the application quality with a <a href=\"http:\/\/www.ckl.io\/blog\/should-i-develop-hybrid-mobile-apps\/\" target=\"_blank\" rel=\"noopener noreferrer\">native user experience<\/a>.<\/p>\n<p><span style=\"font-weight: 400\">Now let&#8217;s say you have already implemented a React web application. It&#8217;s up and running, you have used the whole <a href=\"http:\/\/www.ckl.io\/blog\/3-simple-steps-to-improve-react-redux-code\/\" target=\"_blank\" rel=\"noopener noreferrer\">Redux pattern stack<\/a>, configured webpack for bundling, created actions, reducers, all HTTP requests for API integration, tests, etc. You don&#8217;t want to re-implement everything (even if it&#8217;s just copying and pasting from the webapp). It&#8217;s not just a matter of development time; you would have to manually keep track of updates on both of them, fix bugs on both codebases, and so on. Reusing code is a good idea in the short and long terms.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"font-weight: 400\">How do you share code between ReactJS and React Native?<\/span><\/h2>\n<p><span style=\"font-weight: 400\">You can easily inject your web application code as a dependency of your mobile code, using npm. This way you normally access your actions, reducers or helper functions from React Native as any other dependency. And further on, it&#8217;s possible to separate the logical part, that is shared between applications, in a different directory.<\/span><\/p>\n<p><span style=\"font-weight: 400\"><img decoding=\"async\" class=\"alignnone wp-image-3213 size-full\" src=\"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2016\/08\/Banner_reactnative21.png\" alt=\"\" width=\"800\" height=\"400\" srcset=\"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2016\/08\/Banner_reactnative21.png 800w, https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2016\/08\/Banner_reactnative21-768x384.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/span><\/p>\n<p>The view part will have to be done from scratch. Not only because it&#8217;s necessary to replace the HTML elements with React Native components, but also because the components will probably have a very different behaviour on the mobile app.<\/p>\n<p><span style=\"font-weight: 400\">Wait a second, if all platforms share so much code, why don&#8217;t we put everything under the same codebase? Well, source code is not the only part of it: each project has a very distinct development environment, build scripts, tests and so on. They could actually reside in separate folders under the same repo: mobile, web and modules. But if someone has to release a bug fix on a webapp component, it affects other devs who are only working on the mobile components, and the other way around. <a href=\"https:\/\/code.facebook.com\/posts\/1189117404435352\/react-native-for-android-how-we-built-the-first-cross-platform-react-native-app\/\" target=\"_blank\" rel=\"noopener noreferrer\">That&#8217;s not scalable. Splitting is good<\/a>.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2>Wrapping Up<\/h2>\n<p><span style=\"font-weight: 400\">React Native still has a lot to evolve and it doesn&#8217;t replace real native coding, yet. But it opens <a href=\"https:\/\/cheesecakelabs.com\/blog\/blog\/building-app-phase-3-product-development\/\">mobile development<\/a> doors for a huge number of web engineers, who are now a few API docs away from building good-quality mobile applications. It makes it possible to share most of the core logic between web and mobile applications, not only reducing development time, but also creating applications with a more consistent behavior. Together with a native look and feel, it improves user experience and product standards.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Interested in seeing a sample application on this subject? Drop me a line and I&#8217;ll be glad to prepare part 2!<\/span><\/p>\n<p><a href=\"https:\/\/cheesecakelabs.com\/blog\/contact\/\"><img decoding=\"async\" class=\"size-full wp-image-7260 aligncenter\" src=\"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2021\/03\/Blog-banner-CTA.png\" alt=\"\" width=\"650\" height=\"200\"><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hybrid technologies have been employed for quite a while in mobile application development. Frameworks such as PhoneGap and Ionic come with an appealing motto: Develop once, run everywhere. And they actually do what they promise: you write a web-based app once and release it everywhere, from iOS to Android and the Gates of Mordor, as [&hellip;]<\/p>\n","protected":false},"author":65,"featured_media":3215,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_title":"How to Share Code Between ReactJS and React Native","_yoast_wpseo_metadesc":"Here are my insights on how to implement a reusable codebase that can be shared across ReactJS and React Native apps, helping you save development time.","_yoast_wpseo_meta-robots-noindex":"","_yoast_wpseo_canonical":"","footnotes":"","ckl_wpml_lang":"","ckl_wpml_source_id":0,"ckl_wpml_status":""},"categories":[1425,432],"tags":[],"class_list":["post-3200","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-product-engineering","category-engineering"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Share Code Between ReactJS and React Native<\/title>\n<meta name=\"description\" content=\"Here are my insights on how to implement a reusable codebase that can be shared across ReactJS and React Native apps, helping you save development time.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cheesecakelabs.com\/blog\/sharing-code-reactjs-react-native\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Share Code Between ReactJS and React Native\" \/>\n<meta property=\"og:description\" content=\"Here are my insights on how to implement a reusable codebase that can be shared across ReactJS and React Native apps, helping you save development time.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cheesecakelabs.com\/blog\/sharing-code-reactjs-react-native\/\" \/>\n<meta property=\"og:site_name\" content=\"Cheesecake Labs\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/cheesecakelabs\" \/>\n<meta property=\"article:published_time\" content=\"2016-08-29T17:41:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-15T07:53:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2016\/08\/Banner_reactnative4.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2000\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Cheesecake Labs\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@cheesecakelabs\" \/>\n<meta name=\"twitter:site\" content=\"@cheesecakelabs\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/cheesecakelabs.com\/blog\/sharing-code-reactjs-react-native\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/cheesecakelabs.com\/blog\/sharing-code-reactjs-react-native\/\"},\"author\":{\"name\":\"Bernardo Smaniotto\"},\"headline\":\"Sharing code between ReactJS and React Native: my approach\",\"datePublished\":\"2016-08-29T17:41:49+00:00\",\"dateModified\":\"2026-08-15T07:53:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cheesecakelabs.com\/blog\/sharing-code-reactjs-react-native\/\"},\"wordCount\":811,\"commentCount\":15,\"publisher\":{\"@id\":\"https:\/\/cheesecakelabs.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/cheesecakelabs.com\/blog\/sharing-code-reactjs-react-native\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2016\/08\/Banner_reactnative4.jpg\",\"articleSection\":[\"Product Engineering\",\"Engineering\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/cheesecakelabs.com\/blog\/sharing-code-reactjs-react-native\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cheesecakelabs.com\/blog\/sharing-code-reactjs-react-native\/\",\"url\":\"https:\/\/cheesecakelabs.com\/blog\/sharing-code-reactjs-react-native\/\",\"name\":\"How to Share Code Between ReactJS and React Native\",\"isPartOf\":{\"@id\":\"https:\/\/cheesecakelabs.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cheesecakelabs.com\/blog\/sharing-code-reactjs-react-native\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cheesecakelabs.com\/blog\/sharing-code-reactjs-react-native\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2016\/08\/Banner_reactnative4.jpg\",\"datePublished\":\"2016-08-29T17:41:49+00:00\",\"dateModified\":\"2026-08-15T07:53:37+00:00\",\"description\":\"Here are my insights on how to implement a reusable codebase that can be shared across ReactJS and React Native apps, helping you save development time.\",\"breadcrumb\":{\"@id\":\"https:\/\/cheesecakelabs.com\/blog\/sharing-code-reactjs-react-native\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cheesecakelabs.com\/blog\/sharing-code-reactjs-react-native\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cheesecakelabs.com\/blog\/sharing-code-reactjs-react-native\/#primaryimage\",\"url\":\"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2016\/08\/Banner_reactnative4.jpg\",\"contentUrl\":\"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2016\/08\/Banner_reactnative4.jpg\",\"width\":2000,\"height\":720,\"caption\":\"Banner_reactnative4 | | Cheesecake Labs\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cheesecakelabs.com\/blog\/sharing-code-reactjs-react-native\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cheesecakelabs.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sharing code between ReactJS and React Native: my approach\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cheesecakelabs.com\/blog\/#website\",\"url\":\"https:\/\/cheesecakelabs.com\/blog\/\",\"name\":\"Cheesecake Labs\",\"description\":\"AI Implementation, Data and Product Engineering\",\"publisher\":{\"@id\":\"https:\/\/cheesecakelabs.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cheesecakelabs.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cheesecakelabs.com\/blog\/#organization\",\"name\":\"Cheesecake Labs\",\"alternateName\":\"Cheesecake Labs Inc\",\"url\":\"https:\/\/cheesecakelabs.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/cheesecakelabs.com\/#logo\",\"url\":\"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2022\/06\/cheesecake-labs-1.png\",\"contentUrl\":\"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2022\/06\/cheesecake-labs-1.png\",\"caption\":\"Cheesecake Labs\",\"inLanguage\":\"en\"},\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/cheesecakelabs.com\/#primary-image\",\"url\":\"https:\/\/ckl-website-v4-strapi-prod.s3.us-east-2.amazonaws.com\/ai_software_development_company_83fb512983.webp\",\"contentUrl\":\"https:\/\/ckl-website-v4-strapi-prod.s3.us-east-2.amazonaws.com\/ai_software_development_company_83fb512983.webp\",\"width\":1920,\"height\":1080,\"caption\":\"Cheesecake Labs \u2014 AI, Data & Blockchain software development services\",\"inLanguage\":\"en\"},\"sameAs\":[\"https:\/\/www.facebook.com\/cheesecakelabs\",\"https:\/\/x.com\/cheesecakelabs\",\"https:\/\/www.instagram.com\/cheesecakelabs\/\",\"https:\/\/www.linkedin.com\/company\/cheesecake-labs\/\",\"https:\/\/www.youtube.com\/channel\/UCdGEQ5AHJcmIlaOaI5fGGVA\",\"https:\/\/clutch.co\/profile\/cheesecake-labs\",\"https:\/\/www.behance.net\/cheesecakelabs\",\"https:\/\/dribbble.com\/cheesecakelabs\",\"https:\/\/www.designrush.com\/agency\/profile\/cheesecake-labs\",\"https:\/\/www.g2.com\/products\/cheesecake-labs\/reviews\"],\"description\":\"Cheesecake Labs is a software development studio that designs and builds custom digital products \u2014 web, mobile, and platforms \u2014 combining product design and high-performance engineering.\",\"foundingDate\":\"2013\"},{\"@type\":\"Person\",\"name\":\"Bernardo Smaniotto\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cheesecakelabs.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2016\/11\/bernardo-300x300.jpg\",\"contentUrl\":\"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2016\/11\/bernardo-300x300.jpg\",\"caption\":\"Bernardo Smaniotto\"},\"description\":\"10 years of experience in Marketing and Sales in the Technology sector. My main purpose is help, support and structure efficient operations and also develop independent and multidisciplinary teams.\",\"url\":\"https:\/\/cheesecakelabs.com\/blog\/autor\/bernardo-2\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Share Code Between ReactJS and React Native","description":"Here are my insights on how to implement a reusable codebase that can be shared across ReactJS and React Native apps, helping you save development time.","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:\/\/cheesecakelabs.com\/blog\/sharing-code-reactjs-react-native\/","og_locale":"en_US","og_type":"article","og_title":"How to Share Code Between ReactJS and React Native","og_description":"Here are my insights on how to implement a reusable codebase that can be shared across ReactJS and React Native apps, helping you save development time.","og_url":"https:\/\/cheesecakelabs.com\/blog\/sharing-code-reactjs-react-native\/","og_site_name":"Cheesecake Labs","article_publisher":"https:\/\/www.facebook.com\/cheesecakelabs","article_published_time":"2016-08-29T17:41:49+00:00","article_modified_time":"2026-08-15T07:53:37+00:00","og_image":[{"width":2000,"height":720,"url":"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2016\/08\/Banner_reactnative4.jpg","type":"image\/jpeg"}],"author":"Cheesecake Labs","twitter_card":"summary_large_image","twitter_creator":"@cheesecakelabs","twitter_site":"@cheesecakelabs","twitter_misc":{"Written by":null,"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/cheesecakelabs.com\/blog\/sharing-code-reactjs-react-native\/#article","isPartOf":{"@id":"https:\/\/cheesecakelabs.com\/blog\/sharing-code-reactjs-react-native\/"},"author":{"name":"Bernardo Smaniotto"},"headline":"Sharing code between ReactJS and React Native: my approach","datePublished":"2016-08-29T17:41:49+00:00","dateModified":"2026-08-15T07:53:37+00:00","mainEntityOfPage":{"@id":"https:\/\/cheesecakelabs.com\/blog\/sharing-code-reactjs-react-native\/"},"wordCount":811,"commentCount":15,"publisher":{"@id":"https:\/\/cheesecakelabs.com\/blog\/#organization"},"image":{"@id":"https:\/\/cheesecakelabs.com\/blog\/sharing-code-reactjs-react-native\/#primaryimage"},"thumbnailUrl":"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2016\/08\/Banner_reactnative4.jpg","articleSection":["Product Engineering","Engineering"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/cheesecakelabs.com\/blog\/sharing-code-reactjs-react-native\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/cheesecakelabs.com\/blog\/sharing-code-reactjs-react-native\/","url":"https:\/\/cheesecakelabs.com\/blog\/sharing-code-reactjs-react-native\/","name":"How to Share Code Between ReactJS and React Native","isPartOf":{"@id":"https:\/\/cheesecakelabs.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cheesecakelabs.com\/blog\/sharing-code-reactjs-react-native\/#primaryimage"},"image":{"@id":"https:\/\/cheesecakelabs.com\/blog\/sharing-code-reactjs-react-native\/#primaryimage"},"thumbnailUrl":"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2016\/08\/Banner_reactnative4.jpg","datePublished":"2016-08-29T17:41:49+00:00","dateModified":"2026-08-15T07:53:37+00:00","description":"Here are my insights on how to implement a reusable codebase that can be shared across ReactJS and React Native apps, helping you save development time.","breadcrumb":{"@id":"https:\/\/cheesecakelabs.com\/blog\/sharing-code-reactjs-react-native\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cheesecakelabs.com\/blog\/sharing-code-reactjs-react-native\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cheesecakelabs.com\/blog\/sharing-code-reactjs-react-native\/#primaryimage","url":"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2016\/08\/Banner_reactnative4.jpg","contentUrl":"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2016\/08\/Banner_reactnative4.jpg","width":2000,"height":720,"caption":"Banner_reactnative4 | | Cheesecake Labs"},{"@type":"BreadcrumbList","@id":"https:\/\/cheesecakelabs.com\/blog\/sharing-code-reactjs-react-native\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cheesecakelabs.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Sharing code between ReactJS and React Native: my approach"}]},{"@type":"WebSite","@id":"https:\/\/cheesecakelabs.com\/blog\/#website","url":"https:\/\/cheesecakelabs.com\/blog\/","name":"Cheesecake Labs","description":"AI Implementation, Data and Product Engineering","publisher":{"@id":"https:\/\/cheesecakelabs.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cheesecakelabs.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/cheesecakelabs.com\/blog\/#organization","name":"Cheesecake Labs","alternateName":"Cheesecake Labs Inc","url":"https:\/\/cheesecakelabs.com\/","logo":{"@type":"ImageObject","@id":"https:\/\/cheesecakelabs.com\/#logo","url":"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2022\/06\/cheesecake-labs-1.png","contentUrl":"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2022\/06\/cheesecake-labs-1.png","caption":"Cheesecake Labs","inLanguage":"en"},"image":{"@type":"ImageObject","@id":"https:\/\/cheesecakelabs.com\/#primary-image","url":"https:\/\/ckl-website-v4-strapi-prod.s3.us-east-2.amazonaws.com\/ai_software_development_company_83fb512983.webp","contentUrl":"https:\/\/ckl-website-v4-strapi-prod.s3.us-east-2.amazonaws.com\/ai_software_development_company_83fb512983.webp","width":1920,"height":1080,"caption":"Cheesecake Labs \u2014 AI, Data & Blockchain software development services","inLanguage":"en"},"sameAs":["https:\/\/www.facebook.com\/cheesecakelabs","https:\/\/x.com\/cheesecakelabs","https:\/\/www.instagram.com\/cheesecakelabs\/","https:\/\/www.linkedin.com\/company\/cheesecake-labs\/","https:\/\/www.youtube.com\/channel\/UCdGEQ5AHJcmIlaOaI5fGGVA","https:\/\/clutch.co\/profile\/cheesecake-labs","https:\/\/www.behance.net\/cheesecakelabs","https:\/\/dribbble.com\/cheesecakelabs","https:\/\/www.designrush.com\/agency\/profile\/cheesecake-labs","https:\/\/www.g2.com\/products\/cheesecake-labs\/reviews"],"description":"Cheesecake Labs is a software development studio that designs and builds custom digital products \u2014 web, mobile, and platforms \u2014 combining product design and high-performance engineering.","foundingDate":"2013"},{"@type":"Person","name":"Bernardo Smaniotto","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cheesecakelabs.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2016\/11\/bernardo-300x300.jpg","contentUrl":"https:\/\/ckl-website-static.s3.amazonaws.com\/wp-content\/uploads\/2016\/11\/bernardo-300x300.jpg","caption":"Bernardo Smaniotto"},"description":"10 years of experience in Marketing and Sales in the Technology sector. My main purpose is help, support and structure efficient operations and also develop independent and multidisciplinary teams.","url":"https:\/\/cheesecakelabs.com\/blog\/autor\/bernardo-2\/"}]}},"_links":{"self":[{"href":"https:\/\/cheesecakelabs.com\/blog\/wp-json\/wp\/v2\/posts\/3200","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cheesecakelabs.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cheesecakelabs.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cheesecakelabs.com\/blog\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/cheesecakelabs.com\/blog\/wp-json\/wp\/v2\/comments?post=3200"}],"version-history":[{"count":2,"href":"https:\/\/cheesecakelabs.com\/blog\/wp-json\/wp\/v2\/posts\/3200\/revisions"}],"predecessor-version":[{"id":14814,"href":"https:\/\/cheesecakelabs.com\/blog\/wp-json\/wp\/v2\/posts\/3200\/revisions\/14814"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cheesecakelabs.com\/blog\/wp-json\/wp\/v2\/media\/3215"}],"wp:attachment":[{"href":"https:\/\/cheesecakelabs.com\/blog\/wp-json\/wp\/v2\/media?parent=3200"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cheesecakelabs.com\/blog\/wp-json\/wp\/v2\/categories?post=3200"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cheesecakelabs.com\/blog\/wp-json\/wp\/v2\/tags?post=3200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}