Issue 98 March 31st 2022

News

Announcing React Native 0.68

It's here - React Native 0.68 has been released! This version lets you opt-in to the new Fabric Renderer and TurboModule system. Biggest news of the year for React Native!

In other big news in the React ecosystem, React 18 is out! But, before you get too excited, React 18's new rendering engine is not supported by React Native 0.68. A future React Native update will resolve that.

We are shipping React Native GasBuddy

The folks at GasBuddy have finished their React Native rewrite and are shipping it out. They state that React Native will allow GasBuddy to move significantly faster to deliver features and integrations to our consumers that will save them money on fuel.

Tutorials

Deep dive into React Native JSI

Becoming a better React Native developer isn't just about time spent coding in it. Take a moment out of your day to learn more about the architecture and it will pay in dividends.

How to reduce React Native App size by 70–85% using these simple methods

Really simple but great ideas on how to shrink your app size. Definitely worth knocking these three tricks out if you haven't done so already.

How to manage the useEffect dependency array like a pro

This article explains how to deal with useEffect dependencies to avoid bugs and have clean code. It uses an example that is a common use case on many projects so users can translate it into their own projects. Thanks for the share, Maël!

Mocking RTK Query API with Mock Service Worker for testing React Native Apps

How to mock RTK Query (tool in Redux Toolkit) with mock services workers in your app. Thanks for the submission, Jakub!

Open Source

academind/react-native-practical-guide-code: Course code & attachments for our "React Native - The Practical Guide" (https://acad.link/react-native) course.

KoreanThinker/react-native-translator: 🌐 Unlimited free google translate component & hook

efstathiosntonas/react-native-nested-comments-with-lines: React Native Nested Comments with line indicators, collapse views with Reanimated 2 and draw lines with react-native-svg

Cnilton/react-native-recaptcha: A customizable react-native recaptcha component

oktaysenkan/react-native-wait-navigation: React Native navigation initialization handler

KoreanThinker/react-native-use-persisted-state: 💾 Simple persisted state in react-native

apiko-dev/amazon-ivs-react-native-broadcast: A React Native wrapper for the Amazon IVS iOS and Android broadcast SDKs

TamkeenTech/react-native-bottom-sheet: A react native package for using bottom sheet modal

plumvillage/react-native-override-color-scheme: A React Native package to let users override the app's color scheme/theme

yamankatby/react-native-up: Update 🤖 Android and 🍎 iOS apps versions from the command line

fasky-software/react-native-appgallery: A tiny library to support Huawei AppGallery in-app rating/commenting for React-Native ⭐️

matteodanelli/react-native-mentionable-textinput: Functional component that extends TextInput with mentions capaability

Gaspard-Bruno/react-native-add-image: Pops up a dialog with the upload option or take photo, and cancel as well. Under the hood we are using the react-native-image-picker package and its two main functions: launchCamera and launchImageLibrary.

Latest Jobs

Advertise your job opening here!

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

Videos

Neumorphism in React Native

Around the Web

Flutter is better than React Native…in all the ways that don’t matter.

Big props to the folks at Infinite Red for writing a piece that can maybe, just maybe, slow the constant barrage of the articles comparing these two great frameworks for a bit :)