Issue 65 May 28th 2020

News

Announcing React Native for macOS and more

Microsoft comes out swinging with another huge OSS contribution, allowing devs to ship macOS apps with RN. This will be a big step in moving away from resource-hungry solutions like Electron.

React Navigation on the Web

React Navigation v5 released a huge update - now allowing for web support! This will help further integrate the platforms and allow for some really easy cross-platform code.

OfferUp Adopts React Native in a Move to Build and Launch New Features Faster

One of my personal favorite Craigslist alternatives has written a nice summary about their transition to OfferUp and how it has made their development faster. Always love seeing bigger companies doing this!

Tutorials

Using Expo in Gatsby

Very cool submission from Sebastien where he demos a proof-of-concept showing how you can embed Expo interactive snippets into a Gatsby blog post. You have to see this!

Building an Animated Drawer in React Native

A short and sweet tutorial from Kadi Kraman, Engineering Manager at Formidable, showing off a very nicely done animated drawer.

Setting up Multiple Environments on React Native for iOS and Android

Maxime aims to provide an up-to-date guide on setting up your app with the ability to target multiple environments painlessly and does a great job at it!

React Native In App Purchase & Subscription

The trickiest part of setting up in-app purchases may not be the code, but working through the interfaces of each respective store. In this tutorial, Sultan walks you through both pieces.

Open Source

xcarpentier/rn-tourguide: 🗺Make an interactive step by step tour guide for your react-native app (a rewrite of react-native-copilot)

ospfranco/react-native-macos-menubar-template: A template project for creating a macOS menu bar/tray app using React-native and react-native-mac-os

web-ridge/react-ridge-state: Simple 💪 fast ⚡️ and small :balloon: (0.7kb) global state management for React (Native)

sosog/react-native-dynamically-selected-picker: React Native Picker for Android and IOS with dynamically updating selected items on scroll.

ibitcy/react-native-hole-view: ✂️ React-Native component to cut a touch-through holes anywhere you want

hngocl/progress-react-native: Progress using react native reanimated and svg

sueLan/react-native-anchor-point: Provide withAnchorPoint function to inject Anchor Point, or called Pivot Point into your transform object, to achieve 3D transform animation in React-Native. This is similar to web transform-origin.

elemental-design/react-platform: Experimental cross-platform React Native interoperability APIs, component wrappers and polyfills.

hoanglam10499/react-native-responsive-similar: Package that helps make your React Native app responsive easily.

dilipsuthar97/react-native-tasty-toast: 🍞 Make your native android Toasts Tasty using React Native wrapper library

seniv/react-native-notifier: Fast and simple in-app notifications for React Native

expo/google-fonts: Use any of the 977 fonts (and their variants) from fonts.google.com in your Expo app.

rgommezz/react-native-scroll-bottom-sheet: Cross platform scrollable bottom sheet with virtualisation support, native animations at 60 FPS and fully implemented in JS land

Videos

ReactEurope 2020 Playlist

The ReactEurope team have compiled this playlist of the 2020 streaming edition of the conference. Some really cool stuff to check out like Recoil, Excalidraw, and Expo OTA updates.