{"id":6611,"date":"2023-07-07T10:28:39","date_gmt":"2023-07-07T10:28:39","guid":{"rendered":"https:\/\/dianapps.com\/blog\/?p=6611"},"modified":"2024-02-23T06:38:07","modified_gmt":"2024-02-23T06:38:07","slug":"react-native-0-72-an-overview-and-latest-updates","status":"publish","type":"post","link":"https:\/\/dianapps.com\/blog\/react-native-0-72-an-overview-and-latest-updates\/","title":{"rendered":"React Native 0.72: An Overview and Latest Updates"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">React Native has come a long way since its initial challenges, revolutionizing the sector of mobile app development. In light of performance concerns, shifting projects, and strong competition, it is now armed with innovative solutions that successfully address development issues. With these continuous updates, React Native team has yet again announced its latest version &#8211; React Native 0.72.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">As of this latest version, the framework was able to address many pain points of app development and welcomed universal functionality and enhancement opportunities to make coding seamless.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This blog covers 0.72 versions complete walkthrough. Here are what we will be covering in this blog:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Enhanced error handling\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Metro integration<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Developer-friendly improvements<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">JSON Parsing in Hermes<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">But that&#8217;s not all! We won&#8217;t stop at merely highlighting the new features but also discuss the former releases of React Native versions. We&#8217;ll also delve into the significance of React Native 0.72 and why it matters in the rapidly evolving landscape of <\/span>mobile app development<span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">So, let\u2019s explore the fresh possibilities and examine how this update addresses the needs and challenges faced by React Native app developers.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Before moving on to the latest one, let\u2019s brush up our minds with the previous major updates.<\/span><\/p>\n<h1><span class=\"ez-toc-section\" id=\"Highlights-of-the-Previous-Version-%E2%80%93-The-Recap\"><\/span><span style=\"font-weight: 400;\">Highlights of the Previous Version &#8211; The Recap<\/span><span class=\"ez-toc-section-end\"><\/span><\/h1>\n<h3><span class=\"ez-toc-section\" id=\"React-Native-071\"><\/span><span style=\"font-weight: 400;\">React Native 0.71<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/dianapps.com\/blog\/react-native-0-71-flexbox-gap-typescript-and-its-first-class-support\/\"><span style=\"font-weight: 400;\">React Native 0.71<\/span><\/a><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"> used TypeScript by default. This facilitated to write type-safe code and to catch errors at compile time.\n<p><\/span><\/span><\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Flexbox Gap was a new feature that helped in creating layouts with gaps between flexbox items.\n<p><\/span><\/span><\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">React Native 0.71 introduced web-inspired props for accessibility, styles, and events. This made it easier to write code that was consistent with React web apps.\n<p><\/span><\/span><\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">PropTypes were a way to validate props passed to React components. In the 0.60 version of React Native, all these props were removed, although in 0.71, it was bought back by the developer\u2019s community.\n<p><\/span><\/span><\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">In the 0.71 version of React Native, developers observed many improvements in app experiences such as better debugging tools, error-free handling, and the latest documentation.<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"The-070-Version-of-React-Native\"><\/span>The 0.70 Version of React Native<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\">A new architecture was introduced in React Native 0.70 to enhance the scalability and performance of React Native applications.<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">With React Native 0.70, Hermes became the default engine for React Native. Hermes is a JavaScript engine that is optimized for React Native.<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">You get support for iOS 14, Android 11, and many other device enhancements in the 0.70 version of React Native that work like a charm with the file system and camera.<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"Other-major-updates\"><\/span><span style=\"font-weight: 400;\">Other major updates<\/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;\"><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">React Native 0.63 introduced the new useState hook. Hence, it was just easier to manage state in React Native apps.\n<p><\/span><\/span><\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Several breaking changes were implemented in React Native 0.60, such as the deprecation of PropTypes and the removal of the AsyncStorage API.<br \/>\n<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">List creation in React Native apps became easier with the release of the FlatList and SectionList components in React Native 0.50.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"The-most-recent-updates-and-features-in-React-Native-072\"><\/span>The most recent updates and features in React Native 0.72<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><span class=\"ez-toc-section\" id=\"1-New-Metro-Features\"><\/span><span style=\"font-weight: 400;\">1. New Metro Features<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<h4><span class=\"ez-toc-section\" id=\"Symlink-Support-Beta\"><\/span><strong>Symlink Support (Beta)<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><span style=\"font-weight: 400;\">Symlink support is still one of the most requested features in Metro, and developers are thrilled with the announcement of beta support for it in React Native 0.72.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">React Native now works transparently with monorepo setups and pnpm (package manager that can be used instead of npm or yarn) thanks to symlink support, eliminating the need for workarounds.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Symlink support is currently in beta to collect feedback on developer experience with varying workflows.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">It is expected that in the upcoming 0.73, we might see default enable symlinks with a more enhanced support mechanism. <\/span><\/p>\n<h4><span class=\"ez-toc-section\" id=\"Package-Exports-Support-Beta\"><\/span><strong>Package Exports Support (Beta)<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><span style=\"font-weight: 400;\">Package Exports is a modern replacement for the package.json &#8220;main&#8221; field and adds new functionality for npm packages to define their public API and target React Native.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">By enabling Package Exports support in your Metro configuration, you will make your app compatible with the larger JavaScript ecosystem, including the new &#8220;react-native&#8221; community condition.<\/span><\/p>\n<h4><span class=\"ez-toc-section\" id=\"Enabling-Beta-Features\"><\/span><strong>Enabling Beta Features<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><span style=\"font-weight: 400;\">To enable these features in your project, edit the metro.config.js file and set the resolver.unstable_enableSymlinks or resolver.unstable_enablePackageExports options.<\/span><\/p>\n<pre class=\"theme:github font-size:15 height-set:true nums:false lang:default decode:true\">const config = {\r\n\r\n\u00a0\u00a0\/\/ ...\r\n\r\n\u00a0\u00a0resolver: {\r\n\r\n\u00a0\u00a0\u00a0\u00a0unstable_enableSymlinks: true,\r\n\r\n\u00a0\u00a0\u00a0\u00a0unstable_enablePackageExports: true,\r\n\r\n\u00a0\u00a0},\r\n\r\n};<\/pre>\n<h4><span class=\"ez-toc-section\" id=\"New-metroconfigjs-Setup\"><\/span><strong>New metro.config.js Setup<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><span style=\"font-weight: 400;\">In React Native 0.72, the config loading setup for Metro in React Native CLI is also changed. You need to update project\u2019s metro.config.js file to match the template\u2019s version.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This moves control over extending the base React Native Metro config into your project. The leftover defaults are cleaned up. In addition, this means that standalone Metro CLI commands, such as metro get-dependencies, will now work.<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"2-Developer-Experience-Improvements\"><\/span><span style=\"font-weight: 400;\">2. Developer Experience Improvements<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<h4><span class=\"ez-toc-section\" id=\"No-more-redboxes-with-invalid-style-properties\"><\/span><strong>No more redboxes with invalid style properties<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><span style=\"font-weight: 400;\">Prior to this release, providing an invalid style property in StyleSheet would result in a redbox. This is a high signal error that disrupts the workflow of the developer for a relatively low-risk error.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In React Native 0.72, there is a relaxation of a certain requirement. Now, errors of this nature can fail without popping any error message during the development process.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This is similar to supplying an invalid CSS property in the browser. Furthermore, types are updated so that some errors could be caught at build time rather than run time.<\/span><\/p>\n<h4><span class=\"ez-toc-section\" id=\"Better-error-readability-for-Hermes\"><\/span><strong>Better error readability for Hermes<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><span style=\"font-weight: 400;\">Hermes has improved the error message that appears when an undefined callable is invoked.<\/span><\/p>\n<pre class=\"theme:github font-size:14 height-set:true nums:false lang:default decode:true \">var x = undefined; x();\r\n\r\n\u00a0\u00a0\u00a0\u00a0\/\/ Before: undefined is not a function\r\n\r\n\u00a0\u00a0\u00a0\u00a0\/\/ After: x is not a function (it is undefined)<\/pre>\n<p><span style=\"font-weight: 400;\">Furthermore, LogBox stack traces now filter out Hermes bytecode frames that are irrelevant to the to the app users.<\/span><\/p>\n<h4><span class=\"ez-toc-section\" id=\"Modified-error-output-of-the-React-Native-CLI\"><\/span><strong>Modified error output of the React Native CLI<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><span style=\"font-weight: 400;\">0.72 includes React Native CLI v11, which includes enhancements to reduce duplication, clarify wording, reduce verbose stack traces, and add deep links to relevant docs in the init, run-android, and run-ios commands.<\/span><\/p>\n<h4><span class=\"ez-toc-section\" id=\"JSON-Parsing-in-Hermes-and-Faster-Compilation\"><\/span><strong>JSON Parsing in Hermes and Faster Compilation<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><span style=\"font-weight: 400;\">Hermes has reduced the time it takes to compile large object literals. In one reported issue, #852, for example, a user encountered an entire dataset produced out as a large object literal. Compilation was sped up by 97% (221c) by improving the de-duplication algorithm used by Hermes. These enhancements will benefit build times for apps that contain a large number of objects.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Multiple JSON parsing optimizations (de9c, 6e2d) have also been released, which will benefit apps that use libraries like redux-persist and rely heavily on JSON manipulation.<\/span><\/p>\n<h4><span class=\"ez-toc-section\" id=\"More-ECMAScript-Support-in-Hermes\"><\/span><strong>More ECMAScript Support in Hermes<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><span style=\"font-weight: 400;\">React Native 0.72 now includes support for the following Hermes specifications:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">prototype.at provides Array, TypedArray, and String support. See also #823 (ebe2).<\/span><\/span><\/span>&nbsp;<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Implement JSON that is well-formed.To avoid ill-formed Unicode strings, use stringify (d41d).<\/span><\/span><\/span>&nbsp;<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Use AggregateError (9b25), which represents multiple errors wrapped in a single error. Useful for multiple errors, such as those generated by Promise.When all promises passed to it fail, any() is called.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">These features are already available to JSC users.<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"3-New-Architecture-Updates\"><\/span><span style=\"font-weight: 400;\">3. New Architecture Updates<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">If you&#8217;ve been following the React Native app development framework for quite a while, you&#8217;ll know that every new version brings incremental enhancements to the &#8220;New Architecture,&#8221; and React Native 0.72 is no exception.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The new Fabric rendering engine now has improved text rendering performance of up to 18% on Android and 27% on iOS.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Also, Hermes, the new architecture JavaScript engine, has seen a number of performance improvements, including faster compilation of large object literals and multiple JSON parsing optimizations. These enhancements will be especially useful for apps that do a lot of JSON manipulation or object bundling.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Finally, the New Architecture for iOS is now compatible with the widely used use_frameworks! CocoaPod configuration \u2014 in the previous release, this was a barrier for many apps in integrating the New Architecture.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">As a bonus, New Architecture updates will be managed by a dedicated working group beginning with React Native 0.72, allowing for more focused and frequent updates.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Breaking-Changes\"><\/span><span style=\"font-weight: 400;\">Breaking Changes<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><span class=\"ez-toc-section\" id=\"1-Deprecated-Component-Removals\"><\/span><span style=\"font-weight: 400;\">1. Deprecated Component Removals<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">The following elements were deprecated in React Native 0.72 and will be eliminated in a later version: <\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Slider &#8211; superseded by @react-native-community\/slider<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">DataPickerIOS &#8211; superseded by\u00a0 @react-native-community\/datetimepicker<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">ProgressViewIOS &#8211; superseded by @react-native-community\/progress-view<\/span><\/li>\n<\/ul>\n<p>The usage of these components in new projects is not advised as they are no longer supported. You will need to change your code to utilize a new component if you are currently using any of these in your React Native app development projects.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"2-Package-Renames\"><\/span><span style=\"font-weight: 400;\">2. Package Renames<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">To ensure clear ownership, every single package published from the react-native core repository are now stored under react-native\/packages and are published under the @react-native npm scope.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">There are no changes to the react-native package.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The following packages have been renamed in React Native 0.72:<\/span><\/p>\n<p><img decoding=\"async\" class=\"wp-image-6613 size-full aligncenter\" src=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/07\/react-native-package.png\" alt=\"\" width=\"764\" height=\"343\" srcset=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/07\/react-native-package.png 764w, https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/07\/react-native-package-640x287.png 640w, https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/07\/react-native-package-400x180.png 400w\" sizes=\"(max-width: 764px) 100vw, 764px\" \/><\/p>\n<p style=\"text-align: center;\"><span style=\"font-weight: 400;\">Image Source: <\/span><a href=\"https:\/\/reactnative.dev\/blog\/2023\/06\/21\/0.72-metro-package-exports-symlinks\"><span style=\"font-weight: 400;\">https:\/\/reactnative.dev\/blog\/2023\/06\/21\/0.72-metro-package-exports-symlinks<\/span><\/a><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you have no direct dependency on a renamed package, this change will not affect you.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The new package names reflect the fact that these packages have been updated to use the new architecture. Update your code to use the above new package names.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Upgrade-to-React-Native-072-version\"><\/span><span style=\"font-weight: 400;\">Upgrade to React Native 0.72 version!<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Thus, several fascinating new features and improvements are available in React Native 0.72. This version gives developers the chance to advance their React Native app development, with features including enhanced error handling, metro integration, and performance and developer experience.<\/p>\n<p>It is strongly advised that you update to version 0.72 of React Native if you are presently using an older version.<\/p>\n<p>Use the professional services of DianApps, the top React Native app development company, if you run into any problems during the update process or need help with troubleshooting and support.<\/p>\n<p><span style=\"font-weight: 400;\">Don&#8217;t hesitate to reach out to us to unlock the full potential of React Native 0.72.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>React Native has come a long way since its initial challenges, revolutionizing the sector of mobile app development. In light of performance concerns, shifting projects, and strong competition, it is now armed with innovative solutions that successfully address development issues. With these continuous updates, React Native team has yet again announced its latest version &#8211; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6614,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_wp_applaud_exclude":false,"footnotes":""},"categories":[3],"tags":[83,294,56],"class_list":["post-6611","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-app-development","tag-mobile-app-development","tag-react-native-0-72","tag-react-native-app-development"],"featured_image_src":{"landsacpe":["https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/07\/Add-a-heading-5-1140x445.png",1140,445,true],"list":["https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/07\/Add-a-heading-5-463x348.png",463,348,true],"medium":["https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/07\/Add-a-heading-5-300x169.png",300,169,true],"full":["https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/07\/Add-a-heading-5.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>React Native 0.72: An Overview and Latest Updates<\/title>\n<meta name=\"description\" content=\"React Native 0.72 - know the features for Metro, better error handling, and other developer experience improvements.\" \/>\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\/react-native-0-72-an-overview-and-latest-updates\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"React Native 0.72: An Overview and Latest Updates\" \/>\n<meta property=\"og:description\" content=\"React Native 0.72 - know the features for Metro, better error handling, and other developer experience improvements.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dianapps.com\/blog\/react-native-0-72-an-overview-and-latest-updates\/\" \/>\n<meta property=\"og:site_name\" content=\"Learn About Digital Transformation &amp; Development | DianApps Blog\" \/>\n<meta property=\"article:published_time\" content=\"2023-07-07T10:28:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-23T06:38:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/07\/Add-a-heading-5.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=\"Vikash Soni\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Vikash Soni\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"React Native 0.72: An Overview and Latest Updates","description":"React Native 0.72 - know the features for Metro, better error handling, and other developer experience improvements.","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\/react-native-0-72-an-overview-and-latest-updates\/","og_locale":"en_US","og_type":"article","og_title":"React Native 0.72: An Overview and Latest Updates","og_description":"React Native 0.72 - know the features for Metro, better error handling, and other developer experience improvements.","og_url":"https:\/\/dianapps.com\/blog\/react-native-0-72-an-overview-and-latest-updates\/","og_site_name":"Learn About Digital Transformation &amp; Development | DianApps Blog","article_published_time":"2023-07-07T10:28:39+00:00","article_modified_time":"2024-02-23T06:38:07+00:00","og_image":[{"width":1536,"height":864,"url":"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/07\/Add-a-heading-5.png","type":"image\/png"}],"author":"Vikash Soni","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Vikash Soni","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dianapps.com\/blog\/react-native-0-72-an-overview-and-latest-updates\/","url":"https:\/\/dianapps.com\/blog\/react-native-0-72-an-overview-and-latest-updates\/","name":"React Native 0.72: An Overview and Latest Updates","isPartOf":{"@id":"https:\/\/dianapps.com\/blog\/#website"},"datePublished":"2023-07-07T10:28:39+00:00","dateModified":"2024-02-23T06:38:07+00:00","author":{"@id":"https:\/\/dianapps.com\/blog\/#\/schema\/person\/0126fafc83e42bece2acbfe92f7d0f4f"},"description":"React Native 0.72 - know the features for Metro, better error handling, and other developer experience improvements.","breadcrumb":{"@id":"https:\/\/dianapps.com\/blog\/react-native-0-72-an-overview-and-latest-updates\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dianapps.com\/blog\/react-native-0-72-an-overview-and-latest-updates\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/dianapps.com\/blog\/react-native-0-72-an-overview-and-latest-updates\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dianapps.com\/blog\/"},{"@type":"ListItem","position":2,"name":"React Native 0.72: An Overview and Latest Updates"}]},{"@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\/0126fafc83e42bece2acbfe92f7d0f4f","name":"Vikash Soni","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dianapps.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2022\/07\/cropped-vikash-96x96.png","contentUrl":"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2022\/07\/cropped-vikash-96x96.png","caption":"Vikash Soni"},"description":"Vikash Soni, the visionary CEO and Co-founder of DianApps. With his profound expertise in Android and iOS app development, he leads the team to deliver top-notch solutions to clients worldwide. Under his guidance, the company has achieved remarkable success, earning a reputation as a leading web and mobile app development company.","sameAs":["https:\/\/www.linkedin.com\/in\/vikash-soni-59726530\/"],"url":"https:\/\/dianapps.com\/blog\/author\/infodianapps-com\/"}]}},"_links":{"self":[{"href":"https:\/\/dianapps.com\/blog\/wp-json\/wp\/v2\/posts\/6611","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dianapps.com\/blog\/wp-json\/wp\/v2\/comments?post=6611"}],"version-history":[{"count":6,"href":"https:\/\/dianapps.com\/blog\/wp-json\/wp\/v2\/posts\/6611\/revisions"}],"predecessor-version":[{"id":8551,"href":"https:\/\/dianapps.com\/blog\/wp-json\/wp\/v2\/posts\/6611\/revisions\/8551"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dianapps.com\/blog\/wp-json\/wp\/v2\/media\/6614"}],"wp:attachment":[{"href":"https:\/\/dianapps.com\/blog\/wp-json\/wp\/v2\/media?parent=6611"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dianapps.com\/blog\/wp-json\/wp\/v2\/categories?post=6611"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dianapps.com\/blog\/wp-json\/wp\/v2\/tags?post=6611"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}