May 19th, 2020

Announcing React Native for macOS and more

Steven Moyes
Senior Product Manager

We’re excited to announce our first preview release aligning with React Native 0.62!

As a preview release, we will try our best not to make breaking changes, but still have a few bumps to sort out before we’re ready for release. You can now start trying out the 0.62-preview of React Native for Windows!

A similar upgrade for React Native for macOS is in progress. Stay tuned for the next update!

What’s New?

  • New Features from React Native 0.62, like Appearance and useColorScheme() hooks
  • Visual Studio V142 build tools are now used
  • Better RTL support
  • New native module APIs (REACT_INIT and REACT_FUNCTION)
  • Improved diagnostics in command line tools
  • Initial ARM64 support
  • Experimental support for binary distribution of React Native Windows
  • Bug fixes and reliability improvements

React Native for macOS

react-native-mac

One of our biggest announcements recently is our addition and full support of the React Native for macOS extension! We are super excited to be developing React Native support for macOS along side our Windows effort.

We have an official npm package out for React Native for macOS and a repo available to the public to follow and contribute to – we hope to see some really cool React Native apps out there in the future that can now truly run everywhere.

React Native on the Surface Duo

react-native-duo-emu

React Native runs on the Surface Duo!

This is a little bit to be expected, as React Native works great today with Android, but just running on the new Surface Duo device isn’t enough. We’ve also added support for awareness of the dual-screen device and its status through shipping two important APIs: TwoPaneView and DeviceInfoModule.

To learn more about developing on the Surface Duo with React Native, go check out our latest blog post detailing the experience.

New Modules Supported!

We’ve begun addressing the Windows community module support gap – starting with contributions from us! This includes WebView and Camera, Picker, AsyncStorage, NetInfo, and DateTimePicker.

On top of that initial set, we’re also looking at a whole bunch more that we know are awesome and essential to have when building a React Native app. Check out the full list of what we’re tracking and planning to tackle next on our GitHub Project Board.

Lastly, in addition to contributing to these community modules personally, we want to help bootstrap a robust test infrastructure and enhance reliability for consumers of these modules. We have started this process by adding CI to react-native-webview repo. Stay tuned for more!

WebView

react-native-webview-module

The WebView module sets you up with the barebones web hosting tech that’s available nativly on the device you’re targetting. This module has been updated to support Windows and macOS.

To get your own version of the app in this short clip, check out the RssReader sample.

Camera

react-native-camera-module

The Camera module is another big step towards making it easier to give you unfettered access to native APIs.

Just like on mobile, when you define a CameraFeed module, and the device you’re running the app on has a camera attached, the component will hookup to the correct native APIs to give you access to the hardware needed to snap sweet pics.

Picker

react-native-picker-module

AsyncStorage

Arguably one of the most important modules to have available to you when building a React Native app, AsyncStorage is now fully supported on Windows and macOS.

NetInfo

An important network API for hooking up to and checking the health of your connection. As React Native is a JavaScript-based framework the need for an API such as this to be readily available on all platforms is very valuable – our recent release for this module supports both Windows and macOS.

DateTimePicker

react-native-datetimepicker-module

A unique component that in many ways defines the design of the platform you’re using, the DateTimePicker community control has been updated to support Windows as well now.

Author

Steven Moyes
Senior Product Manager

Sr Product Manager working on React Native for Desktop. Ask me about building x-platform apps using JS/TS, and how you can supercharge your app for Windows using the Windows App SDK!

0 comments

Discussion are closed.