This week's issue features an article about the release of Expo SDK 47 and two articles examining the onViewableItemsChanged FlatList prop.

Welcome to issue 163 of the React Native Newsletter!

In issue 162, we highlighted the announcement of the beta version of Expo SDK 47. Two weeks later, we are pleased to feature the official release of Expo SDK 47 in Top Picks. This is a major step forward in Expo support for the New Architecture,

Also in Top Picks, we've selected two articles that approach the topic of implementing onViewableItemsChanged in a FlatList from different angles. The first article (Implementing a component visibility sensor with React Native) shows how it's used to create components that observe and respond to events when list items appear and disappear from the viewport. The second article (Understand onViewableItemsChanged in FlatList) takes a deep dive into this FlatList prop and how it works, accompanied by illustrative diagrams and plenty of code examples.

I hope you enjoy this issue of the React Native Newsletter!

Jon Major Condon

Jon Major, Editor-in-chief

This week's top picks

For each issue, we select 4 articles/Tweets,/docs from your submissions and suggestions from Infinite Red’s team of engineers that we feel are interesting and informative to React Native developers.

Expo SDK 47
Expo's long awaited SDK 47 is out of beta! This article describes its many features in detail, including Expo Modules API 1.0, built on JSI and designed to make development of native modules easier than ever. Advancements toward the New Architecture includes support for React Native 0.70.5 & React 18.1.

Open Native
This Tweet announces Open Native, which vendor-unlocks React Native native modules for use in other cross-platform frameworks and calls native APIs 7-8x faster. The discussion is interesting to read, so check it out before heading over to the linked Github Repo.

Implementing a component visibility sensor with React Native
One of two articles on the challenges of implementing
onViewableItemsChanged.

Understand onViewableItemsChanged in FlatList
Second article about onViewableItemsChanged, with well-designed diagrams throughout to make the concepts clear.

Sponsors of the newsletter

Runway

Spend less time in App Store Connect and Google Play Console

Runway gives you a unified control center for React Native releases with automations that make the process smoother and easier to manage — from beta distribution to release and everything in between.

Learn More

G2i

Join G2i and Find 100% Remote React Native Jobs

Are you an experienced React Native engineer looking for a healthier workplace? We’re offering US-based developers with production experience ~$160k + 10% bonus and 25 days PTO.

G2i is the only hiring network that puts developer health first. We've seen burnout all too often in tech and we’re on a mission to push back against it. We are acting on that belief by vetting companies for their developer health best practices, developing NFL-like support for burnout recovery, launching the Developer Health Fund, and literally writing the book on developer burnout prevention with our Restful Work OS.

Apply to join G2i today!

Learn More

Callstack

The React Native Show - a podcast series powered by Callstack

How to stay up to date with the React Native world news? With The React Native Show you know what’s up in the community. We dive deep into our topics - for each episode, we invite experts in the field.

The latest episodes include:

• Module Federation in React Native, with Zack Jackson, maintainer of Webpack
• React Native New Architecture, with Nicola Corti from Meta
• React Native at Microsoft, with Lorenzo Sciandra from Microsoft

Learn More

Rollouts by Runway

Automate app rollouts with a full picture of release health

Rollouts by Runway gives your team a complete overview of release health – combining inputs from crash reporting, observability & product analytics, and user reviews – and automates rollouts based on thresholds you define.

Learn More

React Native Live

Watch the live stream of cutting-edge React Native open source hacking and exploration

Join Infinite Red CTO, Jamon Holmgren, usually (but not always) on Mondays from 10am - 12pm PT for React Native Live!

Can't join live? Find the streams over on our Youtube channel!

Watch Latest Stream

Community highlights

We select 2 open source React Native projects/libraries/node modules/components from your submissions and suggestions from Infinite Red's team of engineers that enhance your React Native apps or offer instructive source code examples.

React Native Vision Camera
This library provides useful device camera functionality such as Photo, Video, and Snapshot capture, smooth zoom in/out animation, and a powerful plugin architecture that adds AI features such as object detection and facial recognition.

React Native Use File Upload
A hook for uploading files using multipart form data with React Native. Provides a simple way to track upload progress, abort an upload, and handle timeouts. Written in TypeScript and no dependencies required.

React Native Radio

Listen in every week to hear the latest in React Native from our team

Join our hosts Robin Heinze, Mazen Chami, Jamon Holmgren, and Jon Major Condon. Follow on twitter to hear about new episodes and upcoming guest speakers!

RNR 251 - Examining React Native 0.70

In this episode, Mazen and Robin review RN 0.70 to see what's new, what's broken, and everything in between. Mazen also continues his quest to get Robin hooked on sports-ball....

RNR 250 - React Native Firebase: TL;DR;

Regardless if you're a junior developer, or a seasoned code wizard, you're going to love this episode! Today, the hosts walk through React Native Firebase and it's amazing capabilities.

Subscribe & Listen