Issue 76 January 19th 2021

News

Expo Application Services (EAS): Build and Submit

Big news from the Expo team lately - as they have announced the ability to build your apps for you. Whether or not you use Expo - this new service can build your app and looks like it will be a great tool.

SwiftUI renderer for React Native

Have you ever wondered if SwiftUI can be used instead of UIKit as a rendering engine in RN? Check out Tomasz's findings - super neat stuff!

React Native at Wix — The Architecture II (Deep dive)

The React Native at Wix series continues with two new posts out! Check out part two of their architecture - followed by a dive into Open Source.

Tutorials

Using React-Native-KeyChain to Secure Mobile App Credentials

Here's a tutorial explaining how to directly store user credentials in the app using a keychain post-authentication for re-authentication purposes. For an additional follow-up article with some great diagrams, checkout A Bullet-Proof Approach to Storing Sensitive User Data in React Native.

Performance optimization tips in React Native

I come across performance optimization articles for RN quite often - but this one in particular caught my eye. A little more in-depth than most and has some great tips for new and experienced devs alike.

Build a Google Maps style panel overlay with scrollable inner content...

A nice in-depth tutorial showing you how to build a Waze-like scrollable panel that overlays your maps. Thanks for the submission, Farhan!

Open Source

tomekkleszcz/react-native-swipe-slider: iOS brightness-style slider ready to use in your next React Native app.

jaredh159/tailwind-react-native-classnames: simple, expressive API for tailwindcss + react-native

anastely/react-native-logo-animation: React Native Logo Animation

web-ridge/react-native-paper-tabs: Smooth and fast cross platform Material Design Tabs for React Native Paper

jottenlips/react-bones: 💀 Dead simple loading components for React and React-Native. 💀

cawfree/react-native-picture-puzzle: ⚛️ 🧩 A picture puzzle component.

alpha0010/react-native-file-access: Filesystem access for React Native

ansh-099/react-native-grid-image-viewer: A grid display for multiple images which you can view on clicking in fullscreen mode and swipe through.

nazrdogan/react-native-jailbreak: React Native Jailbreak/ Root detection

RichardRNStudio/react-native-slider-intro: A simple and fully customizable React Native component that implements an intro slider for your app

Videos

That animation from The Office

This one is too fun to not share - and has some very clever solutions also. Worthy for fans of The Office and/or RN animations.

Q&A Sessions from React Native EU 2020

Some follow up to popular React Native EU 2020 videos - here is the Q&A that trailed each session for you to enjoy.

Diversity & Inclusion

15 Tech Affinity Groups for Cis and Trans Women and Nonbinary Folx

A list of 15 affinity groups to help a more diverse set of tech talent find jobs and support each other.