Fast refresh and more on Windows with 0.62 release

Steven Moyes

React Native for Windows released latest stable 0.62.2 with Fast Refresh, RTL support, RedBox and thread safe property storage APIs.

Aligning with our releases strategy, we are happy to announce the general availability of stable latest 0.62.2 version of React Native for Windows. You can try it out using our Getting Started Instructions. Take a look at the release notes for highlights and breaking changes, more details below. A corresponding update for React Native for macOS is in progress.

Fast Refresh

Fast Refresh is a great developer productivity feature introduced in React Native in 0.61 as a new and improved version of “hot reloading” and “live reloading”. Read more about this : Fast Refresh in React Native. With 0.62, we have brought Fast Refresh to React Native for Windows:

fast-refresh-on-windows

Microsoft.ReactNative APIs

Several updates have been made to provide thread safe, higher performance instance management on React Native for Windows through new Microsoft.ReactNative APIs. The deprecated ReactUwp framework is no longer supported with 0.62. Read our documentation on these for more, few highlights:

  • ReactApplication : Base Application class for use in applications that are entirely written in react-native
  • ReactNativeHost : Entry point to create a new react-native instance
  • ReactInstanceSettings : Provides configuration of the react-native instance
  • ReactContext : Given to native modules to communicate with other native modules, views, application, and the react-native instance
  • ReactPropertyBag : Provides a thread-safe property storage
  • XamlUIService : Provides access to XAML UI specific functionality. See Native UI components for more details on the changes to ViewManager APIs.
  • RedBoxHandler : Provides an extension point to allow custom error handling within the react-native instance

Alignment with core

As part of our ongoing alignment with React Native core we have added Windows support for several new APIs introduced in ReactNative 0.62. Few callouts here:

  • Appearance module is now supported on Windows. You can use this module to get information on the user’s dark/light theme preferences and apply the right styling as needed. Windows previously had AppTheme APIs that are now deprecated in favor of aligning with React Native core.
  • focusable prop is now supported on View and TextInput. You can use this prop to indicate whether a component can be focusable (participate in tab order) when navigating with keyboard. Windows previously had an acceptsKeyboardFocus prop that is now deprecated in favor of aligning with React Native core.
  • RTL Support in Windows : Windows now supports forceRTL and allowRTL modules. Auto-detect and applying RTL when app is running in RTL locale is in progress.

rtl

WinUI 3

The Windows UI Library (WinUI) is the native user experience (UX) framework for both Windows Desktop and UWP applications. WinUI is the path forward for all native Windows apps. React Native for Windows is layered on top of WinUI.

WinUI 3 is the next version of WinUI, completely decoupled from the Windows 10 SDK to enable faster shipping of UI features, more backward compatability and to simplify building of version adaptive apps. We are working in close alignment to add WinUI 3 support for React Native for Windows in order to ensure we are always tracking against the latest in native Windows platform. If you are curious, you can try out an experimental preview of this work using the optional flag --useWinUI3 when running react-native-windows-init. You can read more about this effort here.

Coming up next

We will continue to keep up with React Native core versions: 0.63 upgrade for Windows is ongoing with a planned preview for August 2020. In addition, several updates are coming up for React Native for Windows core including support for automatic linking of community modules and LogBox support.

We are also continuing to add Windows support to key community modules, ongoing work includes react-navigation, react-native-slider, react-native-progressview and several others.


If you’re interested in getting started with React Native for Windows, check out our website at aka.ms/reactnative.

You can also follow us on Twitter @ReactNativeMSFT to keep up to date on news, feature roadmaps, and more.

0 comments

Discussion is closed.

Feedback usabilla icon