{"id":7775,"date":"2023-12-19T12:47:07","date_gmt":"2023-12-19T12:47:07","guid":{"rendered":"https:\/\/dianapps.com\/blog\/?p=7775"},"modified":"2023-12-19T13:01:28","modified_gmt":"2023-12-19T13:01:28","slug":"whats-in-the-new-react-native-0-73","status":"publish","type":"post","link":"https:\/\/dianapps.com\/blog\/whats-in-the-new-react-native-0-73\/","title":{"rendered":"What\u2019s in the New React native 0.73"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">React Native is the most sought-after mobile and web development framework, introduced by Facebook in the year 2017. Since then, the technology has been upgrading and styling its platform with exclusive release notes that involve:<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Platform improvements\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Stable support<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">New development strategies\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">&amp; more\u00a0<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">This time, React Native welcomes its new 0.73 version, and only a few days ago.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The main thing that draws attention to React Native 0.73, is its awesome new architectural mode\u2013 The <\/span><b>Bridgeless Mode<\/b><span style=\"font-weight: 400;\">.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Remember in the 0.68 release, React Native app development availed its two pillars of architecture? The Turbomodules and Fabric (a new renderer). So the current version is associated with the third pillar of React Native architecture.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">[Continue reading: <\/span><a href=\"https:\/\/dianapps.com\/blog\/what-is-fabric-in-react-native-and-how-does-it-work\/\"><span style=\"font-weight: 400;\">What is Fabric in React Native and how does it work?<\/span><\/a><span style=\"font-weight: 400;\">]<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Not just that, developers will also observe some improvements to debugging with Hermes, stable symlink support, Android 14 support, and a few more experimental features.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">How about we start by mentioning the new architecture updates of 0.73?\u00a0<\/span><\/p>\n<h1><span class=\"ez-toc-section\" id=\"Introducing-Bridgeless-Mode%E2%80%93-A-New-Architecture-Update\"><\/span><span style=\"font-weight: 400;\">Introducing Bridgeless Mode\u2013 A New Architecture Update<\/span><span class=\"ez-toc-section-end\"><\/span><\/h1>\n<p><span style=\"font-weight: 400;\">React Native developers roll out its third pillar to make it duty-free to other developers in the open-source community.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Users could test and explore both the New Native Module System (TurboModules) and the New Renderer (Fabric) since React Native 0.68. We want to express our gratitude to the community for its input thus far.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The team launched Bridgeless Mode, another component of the New Architecture, on 8th December. Up until now, the Bridge has been available to support backward compatibility with older components and modules when you enable the New Architecture in your app.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Facebook owner\u2019s goal is to see the bridge completely sunset, though. Bridgeless Mode can be enabled starting with React Native 0.73, which will completely prevent the bridge from being created.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">We&#8217;re providing a Native Module Interop Layer along with Bridgeless Mode so you may use your existing modules while in Bridgeless Mode.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Although this new architecture seems to have a rich potential, it is still in the experimental phase. Therefore, do not rely on it completely.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In case, React Native app developers face any issues or believe that the new update is not compatible, you can reach out to the<\/span><a href=\"https:\/\/github.com\/reactwg\/react-native-new-architecture\/discussions\"><span style=\"font-weight: 400;\"> New Architecture Working Group<\/span><\/a><span style=\"font-weight: 400;\">.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Now, we will see the other breaking changes of the React native 0.73 updates.\u00a0<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Important-Highlights-of-the-React-Native-073-Release\"><\/span><span style=\"font-weight: 400;\">Important Highlights of the React Native 0.73 Release<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><span class=\"ez-toc-section\" id=\"Debugging-Improvements\"><\/span><span style=\"font-weight: 400;\">Debugging Improvements<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">We all know that Hermes is an open-source JavaScript engine optimized for React Native. Both teams (Hermes &amp; React Native) serve best for improving the debugging experience in <\/span>React Native app development services<b>.\u00a0<\/b><\/p>\n<p><span style=\"font-weight: 400;\">In the 0.73 version, there is some initial progress, let\u2019s find it out below:<\/span><\/p>\n<h4><span class=\"ez-toc-section\" id=\"Console-Log-History-in-Hermes\"><\/span><strong>Console Log History in Hermes<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><span style=\"font-weight: 400;\">One of the quickest debug detectors is console.log(). In its previous <\/span><a href=\"https:\/\/dianapps.com\/blog\/react-native-0-72-an-overview-and-latest-updates\/\"><span style=\"font-weight: 400;\">0.72 release<\/span><\/a><span style=\"font-weight: 400;\">, Mobile app developers used console logs in React Native apps, however, it would not record until a debugger was connected to the debugger.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This made it difficult to capture logs that occurred during the app load process.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">React Native\u2019s 0.73 overcame the issue with the help of Hermes infusion. Hermes can now detect all console.log() running behind the system by sending the Console tab when a debugger is first connected, matching the debugging experience in the web browsers.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You can adjust these changes across the Flipper, Chrome DevTools connected to Hermes, and the experimental New Debugger.\u00a0<\/span><\/p>\n<h4><span class=\"ez-toc-section\" id=\"Enhanced-Debugging-Documentations\"><\/span><strong>Enhanced Debugging Documentations<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><img decoding=\"async\" class=\"wp-image-7776 aligncenter\" src=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/12\/0.73-debugging-docs-884b7c2352b4ed16fd0465382bf60e96.jpg\" alt=\"\" width=\"1094\" height=\"479\" srcset=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/12\/0.73-debugging-docs-884b7c2352b4ed16fd0465382bf60e96-1024x448.jpg 1024w, https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/12\/0.73-debugging-docs-884b7c2352b4ed16fd0465382bf60e96-768x336.jpg 768w, https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/12\/0.73-debugging-docs-884b7c2352b4ed16fd0465382bf60e96-640x280.jpg 640w, https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/12\/0.73-debugging-docs-884b7c2352b4ed16fd0465382bf60e96-400x175.jpg 400w\" sizes=\"(max-width: 1094px) 100vw, 1094px\" \/><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/reactnative.dev\/blog\/2023\/12\/06\/0.73-debugging-improvements-stable-symlinks\">Image Source<\/a><\/p>\n<p><span style=\"font-weight: 400;\">The mobile app developers on the React Native platform, have completely updated the <\/span><a href=\"https:\/\/reactnative.dev\/docs\/debugging\"><span style=\"font-weight: 400;\">Debugging <\/span><\/a><span style=\"font-weight: 400;\">section of their documentation. These refreshed changes now include information on how to connect all supported debuggers, more insights on React DevTools, and new appealing visual ideas.\u00a0<\/span><\/p>\n<h4><span class=\"ez-toc-section\" id=\"Experimental-New-Debugger\"><\/span><strong>Experimental New Debugger\u00a0<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><span style=\"font-weight: 400;\">Up till now, we have understood one thing 0.73 is all about experiments and so it includes many new debugging functionality that aims at replacing Flipper, with a new Technical Preview that is only incorporated in the latest React Native version.\u00a0<\/span><\/p>\n<p><img decoding=\"async\" class=\"wp-image-7777 aligncenter\" src=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/12\/debugging-debugger-welcome-28bc7e9bed8673f606577509e0a6a86c.jpg\" alt=\"\" width=\"1100\" height=\"509\" srcset=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/12\/debugging-debugger-welcome-28bc7e9bed8673f606577509e0a6a86c-1024x474.jpg 1024w, https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/12\/debugging-debugger-welcome-28bc7e9bed8673f606577509e0a6a86c-768x355.jpg 768w, https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/12\/debugging-debugger-welcome-28bc7e9bed8673f606577509e0a6a86c-640x296.jpg 640w, https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/12\/debugging-debugger-welcome-28bc7e9bed8673f606577509e0a6a86c-400x185.jpg 400w\" sizes=\"(max-width: 1100px) 100vw, 1100px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">The New Debugger works faster and adds a custom stripped-back Chrome DevTools UI for debugging React Native with Hermes. However, we will again remind you not to rely on this new update as it is in the experimental phase and should immediately be reported if any problem is encountered while building a mobile application.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Read more about <\/span><a href=\"https:\/\/dianapps.com\/blog\/how-to-set-up-hermes-in-react-native\/\"><span style=\"font-weight: 400;\">How to set up Hermes in React Native<\/span><\/a><span style=\"font-weight: 400;\">.\u00a0<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Stable-Symlink-Support-in-Metro\"><\/span><span style=\"font-weight: 400;\">Stable Symlink Support in Metro<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Metro is a stable development platform in React Native infrastructure. It acts as a JavaScript bundler and resolver that provides support for symlinks. Now what is Symlink in React Native?\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Well, symlink in a nutshell is a simple way to add external modules to mobile app development services. All you need to do is create a file name \u2018metro.config.js\u2019 and put it in the React Native root directory.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In the latest 0.73 version of React Native, developers can by default take support for resolving symlinks in Metro. React Native may be used with mono repo setups when enclosing folders are set up with <\/span><a href=\"https:\/\/metrobundler.dev\/docs\/configuration\/#watchfolders\"><span style=\"font-weight: 400;\">watchFolders<\/span><\/a><span style=\"font-weight: 400;\"> thanks to Symlink support.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Because symlinks are extensively used in Metro&#8217;s internals, they function with features like <\/span><a href=\"https:\/\/reactnative.dev\/docs\/fast-refresh\"><span style=\"font-weight: 400;\">Fast Refresh <\/span><\/a><span style=\"font-weight: 400;\">and have no performance impact when bundled. All desktop operating systems support symlinks, both with and without Watchman.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">What\u2019s a Watchman? A React Native Packager uses Watchman to recursively supervise the changes to the source code files across one or more directory trees.\u00a0<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Kotlin-Template-on-Android\"><\/span><span style=\"font-weight: 400;\">Kotlin Template on Android\u00a0<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Did you know that Kotlin is now the suggested language for Android apps created with React Native, as of version 0.73? This lets you develop your app in a modern language and continues the trend that the Android ecosystem has been following for a number of years.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The Android React Native template has been changed to utilize Kotlin rather than Java. The size of the new MainActivity.kt and MainApplication.kt files is 36% less.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To facilitate the conversion of your.java files to.kt files, the Upgrade Helper has also been updated. In case you need assistance with modifying the Java files into Kotlin, here is the code command you need to implement: Code &gt; Convert Java file to Kotlin File utility of Android Studio (also accessible with the shortcut Cmd \u2318 + Shift \u21e7 + Option \u2325 + K).<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Android-14-Support\"><\/span><span style=\"font-weight: 400;\">Android 14 Support<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">React Native has been updated to properly support Android 14. React Native developers can now target API Level 34 (<\/span><a href=\"https:\/\/dianapps.com\/blog\/everything-about-android-14-upside-down-cake-rolling-out-soon\/\"><span style=\"font-weight: 400;\">Upside Down Cake<\/span><\/a><span style=\"font-weight: 400;\">), the most recent version of the Android SDK, starting at 0.73.<\/span><\/p>\n<h4><span class=\"ez-toc-section\" id=\"Upgrades-to-the-Android-Gradle-Plugin-and-Java-17\"><\/span><strong>Upgrades to the Android Gradle Plugin and Java 17<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><span style=\"font-weight: 400;\">The dedicated React Native app developers have upgraded the Android Gradle Plugin (AGP) version used to develop Android apps from 7.4.x to 8.1.x to support Android 14.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The Google release notes (8.0.0 and 8.1.0) detail the several breaking changes included in this significant AGP version increase.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The most significant change is that developing Android apps now requires Java 17. You can perform the following to update your Java version to 17:<\/span><\/p>\n<p><strong>brew tap homebrew\/cask-versions<\/strong><\/p>\n<p><strong>brew install &#8211;cask zulu17<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Moreover, as detailed in the<\/span><a href=\"https:\/\/reactnative.dev\/docs\/environment-setup\"><span style=\"font-weight: 400;\"> Getting Started<\/span><\/a><span style=\"font-weight: 400;\"> guide, by modifying your JAVA_HOME.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you are a library developer, React Native 0.73 should function with your libraries without any modifications. The platform<\/span><a href=\"https:\/\/github.com\/react-native-community\/discussions-and-proposals\/issues\/671\"><span style=\"font-weight: 400;\"> released a notice<\/span><\/a><span style=\"font-weight: 400;\"> earlier this year explaining the implications of the AGP boost for library authors like you.<\/span><\/p>\n<h4><span class=\"ez-toc-section\" id=\"Permit-limited-access-to-images-and-videos\"><\/span><strong>Permit limited access to images and videos<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><span style=\"font-weight: 400;\">Users of Android 14 can provide app access to some items in their media library instead of all of the media by using the Selected Photos Access feature. Using the PermissionsAndroid API&#8217;s READ_MEDIA_VISUAL_USER_SELECTED permission, React Native apps can now implement this feature as of 0.73.<\/span><\/p>\n<p><img decoding=\"async\" class=\"wp-image-7780 aligncenter\" src=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/12\/0.73-android-media-picker-299ce04377976b6d937149c7d0c82d35.jpg\" alt=\"\" width=\"1001\" height=\"563\" srcset=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/12\/0.73-android-media-picker-299ce04377976b6d937149c7d0c82d35-768x432.jpg 768w, https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/12\/0.73-android-media-picker-299ce04377976b6d937149c7d0c82d35-640x360.jpg 640w, https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/12\/0.73-android-media-picker-299ce04377976b6d937149c7d0c82d35-400x225.jpg 400w\" sizes=\"(max-width: 1001px) 100vw, 1001px\" \/><\/p>\n<h4><span class=\"ez-toc-section\" id=\"Min-SDK-bump\"><\/span><strong>Min SDK bump<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><span style=\"font-weight: 400;\">React Native 0.73 release also supports Android 5.0 (API level 21). As per the rumors, in the next version of React Native app development, there will be a minimum SDK version of 23 (Android 6.0).\u00a0<\/span><\/p>\n<p><i><span style=\"font-weight: 400;\">In the simplest way, we are going to share the deprecated debugging features installed in the new 0.73.\u00a0<\/span><\/i><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Debugging-Features-Deprecated\"><\/span><span style=\"font-weight: 400;\">Debugging Features Deprecated:\u00a0<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Flipper will gradually become less of the default tool.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Deprecated native Flipper integration will be removed in a future release.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Hermes is suggested instead of Remote JavaScript Debugging for a reliable debugging experience.<\/span><\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"Breaking-Changes\"><\/span><span style=\"font-weight: 400;\">Breaking Changes:\u00a0<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Renaming Babel packages to make maintenance easier.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">18.x is now the minimum Node.js required.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Fresco and TypeScript upgrades.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">iOS 13.6 is now the minimum version.<\/span><\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"React-Native-CLI-Modifications\"><\/span><span style=\"font-weight: 400;\">React Native CLI Modifications:<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Build-android altered the default task prefix.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Fallback flows for Metro configuration settings are removed.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Modifications to the build-android and run-iOS command parameters.<\/span><\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"How-to-Upgrade-to-React-Natives-073\"><\/span><span style=\"font-weight: 400;\">How to Upgrade to React Native\u2019s 0.73?\u00a0<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">For code modifications, use the React Native Upgrade Helper.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">For information on current efforts, see Upgrading Docs.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Use npx react-native@latest init MyProject to create new projects.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">React Native 0.73 will be support the Expo SDK 50 release.<\/span><\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Over-To-You\"><\/span><span style=\"font-weight: 400;\">Over To You<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">That\u2019s a wrap on giving all the valuable information on the latest 0.73 updates of the React Native cross-platform app development framework.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">As mentioned earlier, keep a note of making the most of these releases as they only plan to experiment and uplift the open-source community with best practices and feature utilization.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Hire DianApps, a <\/span><a href=\"https:\/\/dianapps.com\/react-native-app-development\"><b>React Native app development company<\/b><\/a><span style=\"font-weight: 400;\"> that focuses on adapting to the changes and providing the ultimate mobile app development services to its clients across the world.\u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>React Native is the most sought-after mobile and web development framework, introduced by Facebook in the year 2017. Since then, the technology has been upgrading and styling its platform with exclusive release notes that involve: Platform improvements\u00a0 Stable support New development strategies\u00a0 &amp; more\u00a0 This time, React Native welcomes its new 0.73 version, and only [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":7779,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_wp_applaud_exclude":false,"footnotes":""},"categories":[3],"tags":[104,450],"class_list":["post-7775","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-app-development","tag-react-native","tag-react-native-0-73"],"featured_image_src":{"landsacpe":["https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/12\/React-Native-0.73-min-1140x445.png",1140,445,true],"list":["https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/12\/React-Native-0.73-min-463x348.png",463,348,true],"medium":["https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/12\/React-Native-0.73-min-300x169.png",300,169,true],"full":["https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/12\/React-Native-0.73-min.png",1536,864,false]},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.12 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>What\u2019s in the New React native 0.73<\/title>\n<meta name=\"description\" content=\"React Native 0.73 - Debugging Improvements, Stable Symlink Support, and more, Read all about this latest update in this blog.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/dianapps.com\/blog\/whats-in-the-new-react-native-0-73\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What\u2019s in the New React native 0.73\" \/>\n<meta property=\"og:description\" content=\"React Native 0.73 - Debugging Improvements, Stable Symlink Support, and more, Read all about this latest update in this blog.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dianapps.com\/blog\/whats-in-the-new-react-native-0-73\/\" \/>\n<meta property=\"og:site_name\" content=\"Learn About Digital Transformation &amp; Development | DianApps Blog\" \/>\n<meta property=\"article:published_time\" content=\"2023-12-19T12:47:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-19T13:01:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/12\/React-Native-0.73-min.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1536\" \/>\n\t<meta property=\"og:image:height\" content=\"864\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Harshita Sharma\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Harshita Sharma\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What\u2019s in the New React native 0.73","description":"React Native 0.73 - Debugging Improvements, Stable Symlink Support, and more, Read all about this latest update in this blog.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/dianapps.com\/blog\/whats-in-the-new-react-native-0-73\/","og_locale":"en_US","og_type":"article","og_title":"What\u2019s in the New React native 0.73","og_description":"React Native 0.73 - Debugging Improvements, Stable Symlink Support, and more, Read all about this latest update in this blog.","og_url":"https:\/\/dianapps.com\/blog\/whats-in-the-new-react-native-0-73\/","og_site_name":"Learn About Digital Transformation &amp; Development | DianApps Blog","article_published_time":"2023-12-19T12:47:07+00:00","article_modified_time":"2023-12-19T13:01:28+00:00","og_image":[{"width":1536,"height":864,"url":"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/12\/React-Native-0.73-min.png","type":"image\/png"}],"author":"Harshita Sharma","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Harshita Sharma","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dianapps.com\/blog\/whats-in-the-new-react-native-0-73\/","url":"https:\/\/dianapps.com\/blog\/whats-in-the-new-react-native-0-73\/","name":"What\u2019s in the New React native 0.73","isPartOf":{"@id":"https:\/\/dianapps.com\/blog\/#website"},"datePublished":"2023-12-19T12:47:07+00:00","dateModified":"2023-12-19T13:01:28+00:00","author":{"@id":"https:\/\/dianapps.com\/blog\/#\/schema\/person\/6672b5142fe10cc5379a72656c884045"},"description":"React Native 0.73 - Debugging Improvements, Stable Symlink Support, and more, Read all about this latest update in this blog.","breadcrumb":{"@id":"https:\/\/dianapps.com\/blog\/whats-in-the-new-react-native-0-73\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dianapps.com\/blog\/whats-in-the-new-react-native-0-73\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/dianapps.com\/blog\/whats-in-the-new-react-native-0-73\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dianapps.com\/blog\/"},{"@type":"ListItem","position":2,"name":"What\u2019s in the New React native 0.73"}]},{"@type":"WebSite","@id":"https:\/\/dianapps.com\/blog\/#website","url":"https:\/\/dianapps.com\/blog\/","name":"Learn About Digital Transformation &amp; Development | DianApps Blog","description":"Dianapps","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dianapps.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/dianapps.com\/blog\/#\/schema\/person\/6672b5142fe10cc5379a72656c884045","name":"Harshita Sharma","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dianapps.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2025\/04\/unnamed-96x96.png","contentUrl":"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2025\/04\/unnamed-96x96.png","caption":"Harshita Sharma"},"description":"A competent and enthusiastic writer, having excellent persuasive skills in the tech, marketing, and event industry. With vast knowledge about the latest industry trends, she is familiar with creating engaging content gigs.","sameAs":["https:\/\/www.linkedin.com\/in\/harshita-sharma-958662198"],"url":"https:\/\/dianapps.com\/blog\/author\/harshita\/"}]}},"_links":{"self":[{"href":"https:\/\/dianapps.com\/blog\/wp-json\/wp\/v2\/posts\/7775","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dianapps.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dianapps.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dianapps.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/dianapps.com\/blog\/wp-json\/wp\/v2\/comments?post=7775"}],"version-history":[{"count":5,"href":"https:\/\/dianapps.com\/blog\/wp-json\/wp\/v2\/posts\/7775\/revisions"}],"predecessor-version":[{"id":7784,"href":"https:\/\/dianapps.com\/blog\/wp-json\/wp\/v2\/posts\/7775\/revisions\/7784"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dianapps.com\/blog\/wp-json\/wp\/v2\/media\/7779"}],"wp:attachment":[{"href":"https:\/\/dianapps.com\/blog\/wp-json\/wp\/v2\/media?parent=7775"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dianapps.com\/blog\/wp-json\/wp\/v2\/categories?post=7775"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dianapps.com\/blog\/wp-json\/wp\/v2\/tags?post=7775"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}