Issue 75 December 15th 2020

News

React Native 0.64 - Hermes on iOS and React 17

Quick intro here to the newest iteration of React Native - version 0.64! As we previewed in the last issue, this release features Hermes on iOS, as well as a few other niceties. Check it out!

Expo SDK 40 is now available

The Expo team announces the release of 2020's final SDK - version 40. This release is based on React Native 0.63 and includes too many updates to list here - be sure to check out this official announcement.

React Native at Wix

The Wix team began their React Native journey around 5 years ago and have grown their engineering efforts from 4 to 100+ working on it! This introductory article lays the groundwork for what will become an 8-part series to follow along with. Part 1 - The Architecture was also released.

The Journey of React-Native @ Flipkart

The largest e-commerce company in India, Flipkart, receives over 100M app downloads every week. If you want to learn more about scaling a React Native app to numbers like that - be sure to check this out.

Tutorials

Optimizing React Native

Over the past eight months, Coinbase has been rewriting its Android app from scratch with React Native. Read about some of the performance challenges they encountered and overcame along the way.

Native Modules documentation gets a big overhaul

Looking to learn more about Native Modules? The official docs for them just received a big update that are worth your time.

React Native App with HealthKit & Swift

In this short and sweet tutorial - the team at Equinox kick off a series on integrating Healthkit with React Native. Be sure to look for the rest of this series in the future.

TikTok Animation in React Native

I always love seeing the amazing tricks that devs come up with to do neat animations like this one in React Native.

How to create a custom scrollbar with React Native Animated API

The always talented Aman returns with a fun tutorial on creating custom scrollbars.

Open Source

PedroBern/react-native-collapsible-tab-view: A cross-platform Collapsible Tab View component for React Native

Sifir-io/react-native-tor: Tor Daemon and Socks5 client for React Native iOS and Android projects!

CaioQuirinoMedeiros/react-native-currency-input: A simple currency input component for both iOS and Android

cawfree/react-native-pretty-payment: ⚛️ 🤑 Super pretty payment inputs for React Native.

sparkfabrik/sparkfabrik-react-native-idfa-aaid: React Native module for getting IDFA (iOS) or AAID (Android)

investingwolf/react-native-svg-path-gradient: A utility for creating gradient paths with react-native-svg

breeffy/react-native-bottom-sheet: Blazingly performant interactive bottom sheet with snap points support powered by Reanimated 2 :star2: :tada:

AwrminKhodaei/react-native-horizontal-datepicker: Gregorian and Jalali customizable date picker as a horizontal timeline. inspired by @sobimor

RafaelGoulartB/duolingo-drag-and-drop: 🐦 Duolingo Drag-and-drop feature made with React Native.

caoyongfeng0214/rn-overlay: Overlay component for React Native. Overlay (fixed View); Toast (message); Picker (select); DateTime; Dialog;

mrousavy/react-native-screen-corner-radius: 📱 A React Native library to get the Device's Screen's corner radius

lucassaid/react-native-cool-speedometer: Cool speedometer for React Native

mrousavy/react-native-tracking-transparency: 🕵️ A React Native Library for interacting with the tracking API from iOS 14.

Videos

Flappy Bird in React Native

Great content here - watch Ania live code her way through a beginner's guide to building a simple Flappy Bird clone.