We're excited to announce our first preview release aligning with React Native 0.62!
Macos App Store
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?
React Native for Windows + macOS brings React Native support for the Windows 10 SDK as well as the macOS 10.13 SDK. With this, you can use JavaScript to build native Windows apps for all devices supported by Windows 10 including PCs, tablets, 2-in-1s, Xbox, Mixed reality devices, etc., as well as the macOS desktop and laptop ecosystems. FinderGo is both a native macOS app and a Finder extension. It has toolbar button that opens terminal right within Finder in the current directory. You can configure it to open either Terminal, iTerm2 or Hyper Atom one dark theme. Music, TV, and podcasts take center stage. ITunes forever changed the way people experienced. Introduction Welcome to the next article in the “How to” series!This time, we will analyze the creation of a native desktop application for Apple macOS, write a little code on Go (Golang) and React.js, which will have copy protection. FinderGo is both a native macOS app and a Finder extension. It has toolbar button that opens terminal right within Finder in the current directory. You can configure it to open either Terminal, iTerm2 or Hyper.
- New Features from React Native 0.62, like
AppearanceanduseColorScheme()hooks - Visual Studio V142 build tools are now used
- Better RTL support
- New native module APIs (
REACT_INITandREACT_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
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 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
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
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
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
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.
Open multiple windows
Great Native Macos App Installer
Being a native macOS citizen, Shrugs.app is not constrained to a single window. Open as many main windows as you want. Peek into threads using popovers and detach them into windows to continue a conversation while the channel discussions keep going.
Macos App Download
Markup images and documents
Just like in Apple's Mail.app, you can use macOS Action extensions to modify documents and images prior sharing them. Whether it's the standard markup extension, or 3rd party ones like Pixelmator's repair tool, they'll work in Shrugs.app's compose panel.
Integrate your iDevices
Draw a sketch on your iPad and directly send it to a Slack conversation using Apple's Continuity feature. Scan a document or take a picture using your iPhone.
Look Up flights and more
Great Native Macos App Download
Select a flight number in a message and deep press it using your trackpad (or use the context menu). Thanks to Shrugs.app's pasteboard integration, macOS 'Look Up' will show all the flight information. Also works for addresses, movies and more.
Use your trackpad and swipe
Want to quickly respond to a message by either creating a new thread or by adding a reaction to it? No clicks necessary, using your trackpad or Magic Mouse, just swipe the message left or right. Swipe a little further to activate.
Compose messages
A little more content to send than the usual quick chat message? Bring up the compose sheet and start creating using the rich text editor. Takes longer to finish? Detach the sheet into its own window and continue chatting.