Issue 66 June 16th 2020

News

Introducing Reanimated 2 (and live webinar this Thursday)

A new major version of the very popular Reanimated library has been released (still in Alpha) and it looks to include some very exciting upgrades from the previous version. If you want to learn more about it, they'll be hosting a free webinar this Thursday and you can find out more details about that here. Thanks for the submission, Bartosz!

React Native's re-architecture in 2020

A topic that has been mentioned many times but worth keeping an eye on if you're not aware. Some big changes are coming to RN (and some have already happened). In this article, you'll learn more about that.

Tutorials

React Native Performance Optimisation With Hooks

Everyone should care about performance optimization - whether you make it a small or large priority - it's worth thinking about. In this article, you'll learn some quick tips on how to increase performance with hooks.

React Native Flatlist Real World Use Cases Tutorial

Loving the animations on this tutorial. If you wanted to learn some basics about Flatlists and why they are so universally popular - here is where you should do it!

Working with environment variables in AppCenter

A short and sweet tutorial from the folks at Idopter Labs showing some best practices for how to utilize environment variables with AppCenter in a safe way. I'm personally a big fan of AppCenter and would highly recommend it to anyone looking for CI/CD for their apps. Thanks for the submission, Carlos!

Transition Animation in React Native. Use Case: Dark mode

Sure dark mode is cool to support, but how about a full app fade transition when switching over to it? Definitely a nice-to-have, but I love the idea.

Open Source

cawfree/react-native-rough: ⚛️✍️Rough.js bindings for that hand-drawn feel.

mrousavy/react-native-blurhash: BlurHash is a compact representation of a placeholder for an image. This is a native UI module for React Native to wrap the Blurhash iOS and Android implementations and make them usable in React Native

ifsnow/react-native-networking-patch: Improves the performance of React Native network module and adds a timeout feature.

aelesia/react-native-cross-actionsheet: Cross Platform Actionsheets with Native Android implementation

AzizAK/react-native-detector: a screenshot detector for react native

flyerhq/react-native-keyboard-accessory-view: Keyboard accessory (sticky) view for your React Native app. Supports interactive dismiss on iOS.

EvanBacon/react-shadow-generator: Visually create React Native shadows in the browser

ajith-ab/react-native-receive-sharing-intent: A React Native plugin that enables React Native apps to receive sharing photos, videos, text, urls or any other file types from another app

chartiful/react-native-charts: Core repository for React Native charts.

EQuimper/react-native-set-app-icon: Set the app icon in your react-native in app

mrousavy/react-native-google-nearby-messages: An async Google Nearby Messages API Wrapper for React Native (Android & iOS)

Videos

Learn React Native Gestures and Animations - Tutorial

William Candillon put together an 80 min video as a full intro to gestures and animations - something a little more "beginner" than his typical stuff. Good content if you're just starting out on improving the visual experience for your apps.

Around the Web

Github is replacing the word master to avoid slavery references. Deal with it.

If you haven't seen this discussion float around the web this past week, it's worth making yourself aware of these - and I can't stress this enough - very minor changes coming to GitHub in the future.