Issue 47 June 11th 2019

Hello

WWDC 2019 has wrapped!

WWDC has wrapped and there are some cool things on the horizon that React Native developers should stay alert about, such as dark mode, sign-in with Apple, and Xcode 11. The beta of iOS 13 has only been in the hands of developers for less than a week, but we're already starting to see some packages pop up that suggest the React Native community has begun working on implementing these new features and more.

As Kenza mentioned last week, we'll now be working together to help bring you the latest updates in the world of React Native. I'll quickly introduce myself - I'm an engineer at LawnStarter in Austin, TX, where I live with my wife, three chickens, and cute AF dog.

Got an idea for our next issue? Suggest a link.

News

Expo SDK v33.0.0 is now available

Expo 33 was released last week and is based on React Native 0.59.8, which includes some big changes such as Hooks and improved Android performance. Also, the Expo team are starting to dabble in some interesting paid services like Teams and Priority Builds.

Open Source

react-native-file-preview - A high performance react native library to preview document files, supports AIrPrint

rn-swipeable-panel - Swipeable panel that animates from bottom and is controllable with pan gestures

react-native-picker-box - Simple and configurable component picker

Videos

Spotify Scrollable Header - “Can it be done in React Native?”

Another fun one from William where he attempts to recreate Spotify's scrollable header at the top of an artist's page.

Engineering

React Native Stability Monitoring

Great writeup from Zynga about the tools they use to monitor bugs and crashes in their app. If you never had a chance to read their in-depth article from last year about why they chose React Native, that one is also worth your time.

How to create custom forms with validation and scroll to invalid logic in React Native (Part one: Validation)

The first part in a tutorial created by yours truly highlighting a way to roll your own forms with validation by using only one platform-agnostic external dependency. Appreciate any and all feedback or questions.

React Native Performance: Do and Don't

After two years of experience working in React Native, Maxence shares some well-written insights on how to improve performance in your apps.

How to use GraphQL in React Native

A well designed tutorial from Hasura to help you get started on using GraphQL with Apollo in your application. If you're interested in GraphQL but don't know where to get started, this tutorial should take less than two hours to get you up and running.

Best practices for building a large scale React application

Not specific to React Native - but Aman wrote a great article on best practices for building out a large React application. Certainly everyone has opinions on this topic - but you may learn some new pattern ideas by giving this a look.