What’s New in React Native 0.70 — How to Upgrade and Why it Matters

The newest release of React Native, 0.70, features a number of improvements and continued rollout of the new React Native architecture. Let’s dig into what’s new, and more importantly, why it all matters.

devgenius.io  

What did we experience while making a mobile app with react-native?

A startup that works to enhance a rideshare driver's income started to build an app with RN. Hear more about how it all went down.

medium.com  

Meet FlashList: A better alternative to FlatList for React Native

If you've ever run into the annoying "VirtualizedList: You have a large list that is slow to update — make sure your renderItem function renders components[...]" error - you know the pains of working with a FlatList. Shopify has released an alternative to it and this blog will teach you all about it.

betterprogramming.pub  

Manage App Store Connect and Play Console in one place

Stop bouncing between Apple and Google worlds. Runway gives you a unified control center and useful automations for React Native releases — from beta distribution to release and everything in between.

runway.team  

Recipe To Make React Native Apps Blazing Fast: Turbo Modules!

We have a new react-native architecture in the latest release, and communication with native platforms can now happen without any bridge. Thanks to JSI, developers will be able to create turbo modules. This beautiful tutorial walks you through setting up your own!

medium.com  

Sharing Code Between React and React Native

It's something a lot of us want to get out of choosing React Native in our stack - but how do you best go about it?

itnext.io  

How to Test If Your React Native Module Integrates With Android and iOS

Using the Cavy test framework, this tutorial is a great resource to learn E2E testing.

betterprogramming.pub  

5 tips to write better react native code

Few quick tips here to help you write better code

medium.com  

enesozturk/react-native-instagram: Instagram iOS page transitions implementation with FlashList and Reanimated

FormidableLabs/react-native-zephyr: TailwindCSS-inspired styling library for React Native.

bndkt/react-native-app-clip: Expo Config Plugin that generates an App Clip for iOS apps built with Expo.

GSTJ/PegavaDatingApp: 💖 A place to get some love. Pegava is a beautiful dating app made in React Native.

backpackapp-io/react-native-toast

hirbod/react-native-volume-manager: React Native module which adds the ability to change the system volume on iOS and Android, listen to volume changes and supress the native volume UI to build your own volume slider or UX. It can listen to iOS mute switch and ringer mode changes on Android (and let you set the ringer mode)

ridvanaltun/react-native-deepar: Snapchat-like filters, AR lenses, and real-time facial animations.

barthap/expo-music-picker: A music picker library for React Native. Provides access to the system's UI for selecting songs from the phone's music library.

Advertise your job opening here!

Get your job opening in front of thousands of developers in our next issue!

reactnativenow.com  

Analysis of the New React Native Architecture with Results

As part on an in-person React Native meetup, Saurabh did a talk where they directly compared the new architecture against the old one in real-world tests. You can also checkout the full meetup here.

plainenglish.io  

How To Manage React States Like A Pro

State management is one of the most challenging parts of the application. There are tons of state management libraries out there. Understanding how to manage states so effectively that it doesn’t affect your app performance is crucial.

The “secret” behind excellent state management is understanding how your app maps state to the app’s tree structure.

bitsrc.io