{"id":522,"date":"2026-06-30T02:16:21","date_gmt":"2026-06-30T09:16:21","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/react-native\/?p=522"},"modified":"2026-06-30T02:17:08","modified_gmt":"2026-06-30T09:17:08","slug":"react-native-windows-v0-84-is-here","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/react-native\/react-native-windows-v0-84-is-here\/","title":{"rendered":"\ud83d\ude80React Native Windows v0.84 is here!!"},"content":{"rendered":"<p class=\"code-line\" dir=\"auto\" data-line=\"2\">We&#8217;re excited to release React Native Windows 0.84.0, aligned with React Native 0.84.1. React Native Windows v0.84 delivers input-handling improvements such as standard click events and imperative focus, theme-aware defaults and robust hit-testing semantics.<\/p>\n<h3 id=\"-whats-new-in-rnw-v084\" class=\"code-line\" dir=\"auto\" data-line=\"4\">\ud83d\udd25 What&#8217;s New in RNW v0.84?<\/h3>\n<p class=\"code-line\" dir=\"auto\" data-line=\"6\"><strong><code>Minimum Requirements<\/code><\/strong><\/p>\n<p>Visual Studio 2026 is required for 0.84 version of RNW.<code><\/code><\/p>\n<p><strong>onClick<\/strong><strong>\u00a0and\u00a0<code>onAuxClick<\/code>\u00a0Events for Fabric Components<\/strong><\/p>\n<p class=\"code-line\" dir=\"auto\" data-line=\"8\">Fabric components now fire standard\u00a0<code>onClick<\/code>\u00a0and\u00a0<code>onAuxClick<\/code>\u00a0events, bringing RNW&#8217;s click-handling model in line with the W3C specification. Windows developers can now handle primary and auxiliary (middle-click) interactions using the same patterns as web and other React Native platforms \u2014 enabling consistent context menus, open-in-new-tab gestures, and multi-button input without custom workarounds.<\/p>\n<p class=\"code-line\" dir=\"auto\" data-line=\"10\"><strong>Imperative Focus via\u00a0<code>view.focus()<\/code><\/strong><\/p>\n<p class=\"code-line\" dir=\"auto\" data-line=\"12\">The imperative\u00a0<code>focus()<\/code>\u00a0API is now enabled for Fabric views. Windows developers can programmatically move focus to any component \u2014 unlocking guided flows, accessibility enhancements, and keyboard-driven navigation patterns that previously required native workarounds.<\/p>\n<p class=\"code-line\" dir=\"auto\" data-line=\"14\"><strong>Theme-Aware Default Text Color<\/strong><\/p>\n<p class=\"code-line\" dir=\"auto\" data-line=\"16\">Default text color now automatically adapts to the system&#8217;s light or dark mode setting. Windows developers no longer need to manually handle theme changes for default text \u2014 apps will look correct out of the box whether the user is in light mode, dark mode, or switches between them at runtime.<\/p>\n<p class=\"code-line\" dir=\"auto\" data-line=\"18\"><strong>Keyboard-Only Focus Visuals<\/strong><\/p>\n<p class=\"code-line\" dir=\"auto\" data-line=\"20\">Focus visuals are now shown only when navigating via keyboard, matching standard Windows platform behavior. This eliminates distracting focus rectangles during pointer interactions while preserving clear focus indicators for keyboard and accessibility users.<\/p>\n<p class=\"code-line\" dir=\"auto\" data-line=\"22\"><strong>Stricter Hit-Testing for\u00a0<code>overflow: hidden<\/code><\/strong><\/p>\n<p class=\"code-line\" dir=\"auto\" data-line=\"24\"><code>overflow: hidden<\/code>\u00a0now correctly prevents hit-testing on clipped content. Previously, elements visually clipped by their parent could still receive touch and pointer events. Windows developers now get predictable input behavior \u2014 if content is clipped, it can&#8217;t be interacted with \u2014 matching expectations from web and other React Native platforms.<\/p>\n<p class=\"code-line\" dir=\"auto\" data-line=\"26\"><strong>Native Performance Benchmarking Infrastructure<\/strong><\/p>\n<p class=\"code-line\" dir=\"auto\" data-line=\"28\">A new native performance benchmarking infrastructure measures the full Fabric rendering pipeline \u2014 from JS reconciliation through Fabric and Yoga layout to Composition commit and frame presentation \u2014 for all core components. Windows developers can now profile rendering performance at the native level, catch regressions in CI, and make data-driven optimization decisions.<\/p>\n<h3 id=\"-reliability--stability\" class=\"code-line\" dir=\"auto\" data-line=\"39\">\ud83d\udd27 Reliability &amp; Stability<\/h3>\n<p class=\"code-line\" dir=\"auto\" data-line=\"41\">RNW v0.84 includes targeted fixes for build tooling and CI reliability:<\/p>\n<ul class=\"code-line\" dir=\"auto\" data-line=\"43\">\n<li class=\"code-line\" dir=\"auto\" data-line=\"43\"><strong>NativeModule templates fixed for clang compiler<\/strong>\u00a0\u2014 Module authors using clang to build native modules no longer encounter template compilation errors.<\/li>\n<li class=\"code-line\" dir=\"auto\" data-line=\"32\"><strong><code>onClick<\/code>\u00a0\/\u00a0<code>onAuxClick<\/code>\u00a0events added<\/strong>\u00a0\u2014 Components now fire these events. If your code previously relied on the absence of these events, you may need to update handlers.<\/li>\n<li class=\"code-line\" dir=\"auto\" data-line=\"33\"><strong>Custom visual mounting no longer creates\u00a0<code>m_childrenContainer<\/code><\/strong>\u00a0\u2014 Custom components using a custom visual to mount children will no longer see an intermediate container. This improves rendering but may affect components that relied on the previous container structure.<\/li>\n<li class=\"code-line\" dir=\"auto\" data-line=\"34\"><strong>Default text color is now theme-aware<\/strong>\u00a0\u2014 Text that previously appeared with a hardcoded color will now adapt to light\/dark mode. If your app explicitly overrides text color, no change is needed; otherwise, verify appearance in both themes.<\/li>\n<li class=\"code-line\" dir=\"auto\" data-line=\"35\"><strong>Focus visuals are keyboard-only<\/strong>\u00a0\u2014 Focus rings no longer appear on pointer interactions. If your app relied on always-visible focus visuals, consider explicit styling for those cases.<\/li>\n<li class=\"code-line\" dir=\"auto\" data-line=\"36\"><strong>Imperative\u00a0<code>focus()<\/code>\u00a0enabled<\/strong>\u00a0\u2014\u00a0<code>view.focus()<\/code>\u00a0now works in Fabric. Existing code calling\u00a0<code>focus()<\/code>\u00a0that previously had no effect will now move focus.<\/li>\n<\/ul>\n<h3 id=\"-feature-parity-progress\" class=\"code-line\" dir=\"auto\" data-line=\"59\">\ud83d\udcca Feature Parity Progress<\/h3>\n<p class=\"code-line\" dir=\"auto\" data-line=\"61\">With RNW v0.84, input-handling parity takes a significant step forward. The addition of\u00a0<code>onClick<\/code>,\u00a0<code>onAuxClick<\/code>, imperative\u00a0<code>focus()<\/code>, and corrected hit-testing for\u00a0<code>overflow: hidden<\/code>\u00a0closes several long-standing gaps between RNW and web\/mobile platforms.<\/p>\n<p class=\"code-line\" dir=\"auto\" data-line=\"63\">If you encounter missing properties or functionality, please\u00a0<a href=\"https:\/\/github.com\/microsoft\/react-native-windows\/issues\" data-href=\"https:\/\/github.com\/microsoft\/react-native-windows\/issues\">open an issue<\/a>. Comments on existing issues help us prioritize what to tackle next.<\/p>\n<p class=\"code-line\" dir=\"auto\" data-line=\"65\">\ud83d\udd17 For a full list of known gaps, see:\u00a0<a href=\"https:\/\/microsoft.github.io\/react-native-windows\/docs\/new-arch-missingProps\" data-href=\"https:\/\/microsoft.github.io\/react-native-windows\/docs\/new-arch-missingProps\">Missing Properties \u00b7 React Native for Windows<\/a><\/p>\n<h3 id=\"-gallery-app-updates\" class=\"code-line\" dir=\"auto\" data-line=\"67\">\ud83c\udfc1 Gallery App Updates<\/h3>\n<p class=\"code-line\" dir=\"auto\" data-line=\"69\">Install the latest\u00a0<strong>React Native Gallery (0.84)<\/strong>\u00a0to explore the new features and component improvements in action.<\/p>\n<p class=\"code-line\" dir=\"auto\" data-line=\"71\">Search &#8220;React Native Gallery&#8221; in the Microsoft Store or use the\u00a0<a href=\"https:\/\/apps.microsoft.com\/detail\/9NSQT9WCCMBD?hl=en-us&amp;gl=IN&amp;ocid=pdpshare\" data-href=\"https:\/\/apps.microsoft.com\/detail\/9NSQT9WCCMBD?hl=en-us&amp;gl=IN&amp;ocid=pdpshare\">direct link<\/a>. The Gallery app is the fastest way to see how each component looks and behaves on Windows and is a great reference when building or migrating your own apps.<\/p>\n<h3 id=\"-release-details\" class=\"code-line\" dir=\"auto\" data-line=\"73\">\ud83d\udce6 Release Details<\/h3>\n<ul class=\"code-line\" dir=\"auto\" data-line=\"75\">\n<li class=\"code-line\" dir=\"auto\" data-line=\"75\">Version: React Native Windows v0.84.0<\/li>\n<li class=\"code-line\" dir=\"auto\" data-line=\"77\">Covers commits: March 25, 2026 \u2013 April 3, 2026<\/li>\n<li dir=\"auto\" data-line=\"77\">GitHub Release: <a href=\"https:\/\/github.com\/microsoft\/react-native-windows\/releases\/tag\/react-native-windows_v0.84.0\" target=\"_blank\" rel=\"noopener\">react-native-windows_v0.84.0<\/a><\/li>\n<\/ul>\n<h3 id=\"-reference-links\" class=\"code-line\" dir=\"auto\" data-line=\"79\">\ud83d\udd17 Reference Links<\/h3>\n<p class=\"code-line\" dir=\"auto\" data-line=\"81\">If you&#8217;re interested in getting started with React Native for Windows, check out our website at\u00a0<a href=\"https:\/\/aka.ms\/reactnative\" data-href=\"https:\/\/aka.ms\/reactnative\">aka.ms\/reactnative<\/a>.<\/p>\n<p class=\"code-line\" dir=\"auto\" data-line=\"83\">You can also follow us on X\u00a0<a href=\"https:\/\/twitter.com\/ReactNativeMSFT\" data-href=\"https:\/\/twitter.com\/ReactNativeMSFT\">@ReactNativeMSFT<\/a>\u00a0to keep up to date on news, feature roadmaps, and more.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We&#8217;re excited to release React Native Windows 0.84.0, aligned with React Native 0.84.1. React Native Windows v0.84 delivers input-handling improvements such as standard click events and imperative focus, theme-aware defaults and robust hit-testing semantics. \ud83d\udd25 What&#8217;s New in RNW v0.84? Minimum Requirements Visual Studio 2026 is required for 0.84 version of RNW. onClick\u00a0and\u00a0onAuxClick\u00a0Events for Fabric [&hellip;]<\/p>\n","protected":false},"author":208000,"featured_media":156,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-522","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-react-native"],"acf":[],"blog_post_summary":"<p>We&#8217;re excited to release React Native Windows 0.84.0, aligned with React Native 0.84.1. React Native Windows v0.84 delivers input-handling improvements such as standard click events and imperative focus, theme-aware defaults and robust hit-testing semantics. \ud83d\udd25 What&#8217;s New in RNW v0.84? Minimum Requirements Visual Studio 2026 is required for 0.84 version of RNW. onClick\u00a0and\u00a0onAuxClick\u00a0Events for Fabric [&hellip;]<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/react-native\/wp-json\/wp\/v2\/posts\/522","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/react-native\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/react-native\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/react-native\/wp-json\/wp\/v2\/users\/208000"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/react-native\/wp-json\/wp\/v2\/comments?post=522"}],"version-history":[{"count":2,"href":"https:\/\/devblogs.microsoft.com\/react-native\/wp-json\/wp\/v2\/posts\/522\/revisions"}],"predecessor-version":[{"id":530,"href":"https:\/\/devblogs.microsoft.com\/react-native\/wp-json\/wp\/v2\/posts\/522\/revisions\/530"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/react-native\/wp-json\/wp\/v2\/media\/156"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/react-native\/wp-json\/wp\/v2\/media?parent=522"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/react-native\/wp-json\/wp\/v2\/categories?post=522"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/react-native\/wp-json\/wp\/v2\/tags?post=522"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}