Issue 96 February 17th 2022

News

Deep dive into React Native’s New Architecture

“2022 is going to be the year of the New Architecture in open source”. Since the release is just around the corner, this is a good time to understand what changes are taking place under the hood and how they might affect your React Native App.

Security of React Native libraries: the bad, the worse and the ugly

Learn how to select a secure React Native library for your app. Sort out improper platform usage, easy to misuse API, deprecated and abandoned libraries – check our research of the React Native ecosystem security. Thanks for the submission!

Libraries & Tools

Oops! I Wrote Another Calendar

Introducing react-native-infinite-pager, a new infinitely-swipeable pager component for React Native, and react-native-swipe-calendar, the use case that sparked it.

Share code between React Web & React Native Mobile with Nx

A problem I try to solve: I got this awesome idea, not only do I want to create a web app, but I also want to create a mobile app for it. Usually creating web and mobile apps require totally different tech stacks, and it is pretty hard to share code. This article shows how I added a React web app and a React Native mobile app in the same monorepo using Nx, and how I optimized codeshare between the two.

Tutorials

Displaying a List in React Native: Map Method or FlatList Component.

In this article, I’ll walk you through using two methods of listing data in a React Native app: displaying the list with map and using the FlatList component.

Getting React Native to 60 FPS with imperative manipulation

In this blog, we will be discussing React Native’s imperative nature and how we can utilise it to overcome some of the performance bottlenecks in the React Native apps.

5 Tips to Solve Common Pitfalls With React Native

Common issues I encountered when building mobile apps with React Native and how I solved them

React Native Facebook Login: The Hard Way + The Expo Way

Here’s a tutorial on React Native Facebook login. First the hard way, then with Expo to make your life easier.

Open Source

chefk5/react-native-start-guide: In this repo I try to gather the most useful resources for building your react native app.

mrousavy/react-native-blob-jsi-helper: A React Native library for accessing an ArrayBuffer of a Blob instance.

inKindCards/react-native-money: A fully native TextInput component that allows currency input with a right to left text alignment

sweatco/rn-scratch-card: React Native Scratch Card which temporarily hides content from user

fakeheal/react-native-pan-pinch-view: 🔍 A view component for React Native with pinch to zoom and drag to pan functionality.

Saad-Bashar/react-native-bottom-tab-tour: A tour guide component for react native bottom tabs.

evgenusov/react-native-image-generator: Library to generate images from layers

software-mansion-labs/react-native-url-router: A new way to create navigation in react-native

enesozturk/react-native-ios: iOS UI implementation in React Native with gestures and animations 🍏

obytes/react-native-template-obytes: 📱 A template for your next React Native project 🚀, Made with developer experience and performance first: TypeScript, Husky, Lint-Staged, react-navigation, react-query, restyle, react-hook-form, AppIcon, Splash Screen.