Issue 62 April 2nd 2020

News

Announcing React Native 0.62 with Flipper

Last week, the React Native team released 0.62 - the first major release since August! This is a big release packed with Flipper, LogBox (still unstable), new dark mode features, further lean core initiatives, and more! Check out the full changelog here.

Expo SDK 37 is now available

Following the lead of the RN team, the folks over at Expo have shipped SDK v37 (which uses 0.61 internally). This release packs the new Bare workflow replacement for ExpoKit (with Expo Notifications & OTA Updates in bare projects), a new dev menu, Firebase Analytics, Expo Web updates, new Splash Screen, and a ton more.

Tutorials

React Native Splash Screen on Android

Some sound advice here about what Google expects from your Android splash screen - and how to properly follow that advice for React Native.

React Native SQLite Storage

React Native SQLite is a library that implements a self-contained, serverless, zero-configuration, transactional SQL database engine. In this post, Shani shows off some example queries you can utilize.

Open Source

hamagen-react-native: Israel's Ministry of Health's COVID-19 Exposure Prevention App

gorhom/react-native-animated-tabbar: a 60fps animated tab bar to be used with React Navigation created with Reanimated 😎

Chandankkrr/google-play-swipe: React Native component that renders Google Play Movie layout

IOMechs/RNColorPalette

idlework/react-native-floating-action-bar: A React Native floating action bar.

ammarahm-ed/react-native-admob-native-ads: Simple and easy to use AdMob Native Ads for react native Android & iOS with styling support!

jesster2k10/react-native-bubble-select: An easy-to-use customizable bubble animation picker, similar to the Apple Music genre selection

404-html/react-native-reactive-banner: Simple, lightweight banner wrapper that responds to scroll.

seniv/react-native-notifier: Fast and simple in-app notifications for React Native

burstware/react-native-portal

cawfree/react-native-number-ticker-input: 📟 A customizable numeric input in the style of a ticker.

hinodi/react-native-animated-circular-progress

jesster2k10/react-native-range-slider: A high-quality, cross platform, native iOS range slider for react native. A slider, similar in style to UISlider, but which allows you to pick a minimum and maximum range; inspired by react-native-range-slider

Videos

Deployment Previews for React Native

Modern web development is spoilt for tools when it comes to deployment, with easy automated testing and deployment previews giving you fast feedback on your changes in isolation. At Kantan we had a look at how we can get some of the same benefits in a React Native pipeline.

Event Driven Bluetooth Handling in React Native

This talk will give you some basic insights in how Bluetooth LE works and how to access it in React Native. We will look at our motivation for doing this, which library to work with and how to use it. We will create a simple app and show some basic pitfalls.

Instagram Pinch-to-Zoom - “Can it be done in React Native?”

The always entertaining William Candillon returns with an attempt at recreating Instagram's pinch-to-zoom effect.

Around the Web

Bridging the Gap — From Self Taught to Senior Software Developer

Here's Kenza with a great article on how to break out of the "junior" phase of your career. Some really solid advice here.

How Ghost became a haven for spammers ... twice

A fun thread from the founder of Ghost explaining how he managed to get all of Ghost.org booted from Google last month