Issue 72 October 13th 2020

News

3 Hours of React Conference

Be sure not to miss this event coming up on Thursday. Some good React and React Native talks to check out. I'm especially excited to hear from Radoslav, head of engineering at Product Hunt, give his talk on React Native architecture - How we moved what we know from web to mobile.

Using Expo to Bring Students Together in a Time of Social Distancing

A cute story on the Expo blog about a developer building out an app to keep them connected with friends during these odd times.

Tutorials

Lottie Animations in React Native: Implementation Guide

A thorough tutorial here walking you through building beautiful interactive icons using Lottie

How to Support Over-the-Air Updates on Multiple Expo SDKs in Parallel

Title should be self-explanatory on this one - but definitely worth the read if you use OTA updates on Expo. This is certainly a way to ease users into a gentle upgrade nudge.

React Native Tilt Carousel Animation

A really nicely done tutorial on creating an animated tilt carousel. Gifs, diagrams, code snippets, and detailed explanations of the Animated API all the way through.

Demystifying React Native’s Animated API: Part 1

And speaking of animation - here's a good tutorial to help clear up anything that may be fuzzy for you.

How to Animate a Header View on Scroll With React Native Animated

And one more great tutorial highlighting animation - this one from Aman Mittal.

Getting started with Unit Testing in React Native.

Great tutorial from the folks at React Native Nigeria that'll walk you through the basics of unit testing.

Open Source

daroldso/react-native-comparison-table: Comparison table with fixed header for React Native

renanmav/react-native-counter-widget: Simple counter app with iOS 14 widget build with React Native and Swift

WrathChaos/react-native-rounded-checkbox: Rounded Checkbox with animated and fully customizable options library for React Native

Windows87/react-native-heatmap-chart: Heatmap Chart Component NPM Module to React Native.

WrathChaos/react-native-checkbox-card: Checkbox Card is customizable and animated built-in check state integration for React Native

cawfree/react-native-search-bar-button: 🕊️ Is it a bird? ✈️ Is it a plane? No, it's a search-bar-button! ⚛️

noddy1996/react-native-touch-ripple: Base component for touchable elements with ripple effect

davidokonji/react-native-onboarding

Videos

React Native Fundamentals Workshop

Learn the fundamentals necessary to build apps with React Native! In this workshop we'll cover 12 exercises to get you comfortable with all things React Native 💪

Diversity & Inclusion

Recoding Gender: Women's Changing Participation in Computing

Today, women earn a relatively low percentage of computer science degrees and hold proportionately few technical computing jobs - but few people know that women were a significant presence in the early decades of computing in both the United States and Britain.