Issue 67 July 2nd 2020

News

RNR 170: React Native Now with Michael Lefkowitz

Hello to all the new subscribers - I imagine some of you found this newsletter via the React Native Radio podcast. If you haven't heard it, I joined a few weeks back to discuss the newsletter, the job market, and even cribbage.

Expo SDK 38 is now available

Expo 38 has been released - and with it comes a brand new Notifications API, performance enhancements, RN 0.62 support, and tons of other stuff. I'm particularly excited about the third-party module integration with some of the lean-core packages out there.

Libraries & Tools

New Features for Cavy 4.0

I had never heard of Cavy until coming across this post, but it looks like a neat little cross-platform, integration test framework that's worth checking out.

Tutorials

Create App Clips for iOS 14 in React Native

As soon as App Clips were announced at WWDC, I wondered when someone would test them out with React Native. Well, looks like the time has come and Nazir has delivered us a cool tutorial where he builds a PoC out.

Reduce React Native application size with WebP image format

A quick tutorial based on a great idea - why not convert your images to WebP to cut down on your app's size? Thanks for the submission, Alex.

Smooth Screen Transitions on React Native + SVG + Lottie

A very beautiful post showing how to harness the power of Lottie to setup some fluid screen transitions.

Offline Notice In React Native

A nice tip to improve the UX of your app - ensure your users are aware when things aren't working due to a network problem on their end.

Open Source

Pika1998/react-native-wifi-and-hotspot-wizard: Configure essential Wifi and Hotspot Settings Easily

alexbrazier/react-native-network-logger: An HTTP network request monitor for React Native with in-app interface for iOS and Android with no native code

phuochau/react-native-360-image-viewer: Inspired by https://github.com/scaleflex/js-cloudimage-360-view. This is the 360 degrees simulation from multiple images for React Native

ifsnow/AwesomeBottomBar: React Native Toys: Awesome Bottom Bar

FarazzShaikh/RN-SimpleAnimations: Simple Animations is a simple abstraction of the React Native Animated API.

ilkerkesici/react-native-beauty-webview: Easy configurable react-native web view

codemotionapps/react-native-dynamic: Helper APIs to work with dark mode in React Native

cawfree/react-native-label: 🥇Apply a label to anything in React Native.

thecodehunter/react-native-activity-rings: Activity Rings & Progress Chart for React Native (compatible with Expo SDK)

Latest Jobs

React Native & Node Developer

Buscamos a un FullStack React Native & Node que sienta pasión por lo que hace y que se sienta identificado con la cultura y los valores que compartimos en 21unicorns. Somos amantes de lo que hacemos, por eso es un requisito importante que estés orgulloso de cada proyecto o idea que lleves a cabo. Aplica a este puesto si quieres rodearte de un equipo entregado y con pasión por su trabajo. Correo electrónico [email protected]

Videos

Styles & Theming in React Native

Recording of a webinar that we mentioned a couple months back where Haris Mahmood from Shopify walks you through some style and theming tricks and tips.

Around the Web

A Crime in React Nativeland —A Nightmare on Content Street

This is probably the first time I've ever seen a blog post on debugging turned into a pseudo-murder mystery - and I hope it's not the last.