Issue 163

View in Browser

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

Friends of the newsletter

Become a Sponsor

Send us a few details about your event, company, blog, or project, and we'll supply the 12,000+ sets of eyeballs.

Editor-in-Chief

Jon Major Condon at Infinite Red

Suggest an Article

Follow on Twitter

View the Website

From the team at Infinite Red
An app design & development team

Unsubscribe

component visibility sensor other crossplatform frameworks React Native Newsletter Expo Modules API Native native modules onViewableItemsChanged FlatList prop

React Native Newsletter - React Native Newsletter #163

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

This week's top picks

Sponsors of the newsletter

Runway

Spend less time in App Store Connect and Google Play Console

G2i

Join G2i and Find 100% Remote React Native Jobs

Callstack

The React Native Show - a podcast series powered by Callstack

Rollouts by Runway

Automate app rollouts with a full picture of release health

React Native Live

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

Community highlights

React Native Radio

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

RNR 251 - Examining React Native 0.70

RNR 250 - React Native Firebase: TL;DR;

Friends of the newsletter

Key phrases

Older messages

React Native Newsletter #162

React Native Newsletter #161

React Native Newsletter #160

React Native Newsletter #159

React Native Newsletter #158

You Might Also Like

📧 What's inside MMA and how it can help you

Data Science Weekly - Issue 544

Develop highly relevant search applications using AI

Stripe makes more changes

💎 Issue 414 - From a Lorry Driver to Ruby on Rails Developer at 38

💻 Issue 414 - JavaScript Features That Most Developers Don’t Know

💻 Issue 407 - The Performance Impact of C++'s `final` Keyword

💻 Issue 414 - Everyone Has JavaScript, Right?

📱 Issue 408 - All web browsers on iOS are just Safari with different design

💧 Don't Bother Liquid Cooling Your AMD CPU — Why You Should Keep Using Live Photos on iPhone