173 posts tagged with "React Native"

Push notifications are one of the highest-leverage features in a React Native app, but they are also easy to get wrong. Firebase Cloud Messaging can deliver messages to Android and iOS, but iOS still depends on APNs, modern Android requires runtime notification permission, and every production app needs a trusted backend to send notifications.

This guide focuses on the current architecture: the mobile app requests permission and stores device tokens; Firebase owns delivery; your backend sends messages with Firebase Admin SDK or FCM HTTP v1.

Phones, tablets, and foldables have status bars, notches, camera cutouts, rounded corners, gesture home indicators, and navigation bars. A React Native screen that looks fine on one simulator can still hide content under system UI on another device.

The modern solution is react-native-safe-area-context. The older SafeAreaView exported from React Native core is deprecated and should not be the default choice for new work.

Deep linking lets a React Native app open directly to a specific screen from an external URL. It is useful for passwordless login links, push notifications, marketing campaigns, referral invites, order tracking, chat threads, and content shared from the web.

Instagram-style filters are a product feature, not just an image effect. A good React Native implementation lets users pick or capture a photo, preview filters quickly, export the selected result, upload it safely, and recover when a filter library or device GPU behaves differently across platforms.

Older tutorials often recommend a single native filter package as the default. For production apps, choose the filter stack deliberately and test maintenance, export behavior, Android/iOS parity, and upload integration before committing to it.

React Native projects collect several kinds of local state while you work: Metro cache, Watchman watches, node_modules, CocoaPods, Gradle build output, and Xcode DerivedData. Cleaning all of them at once can fix some painful build issues, but it can also create new problems if you delete lockfiles or update native dependencies accidentally.

This guide shows a safer cleanup order. Start with the smallest cache reset that matches the symptom, then move down the checklist only if the problem remains.

Drawing directions in a React Native app usually starts with a simple map polyline. A straight polyline is enough for connecting two coordinates visually, but real turn-by-turn-looking routes need a routing service such as Google Routes API, Mapbox Directions, HERE Routing, or a backend you control.

At Instamobile, we’re building a ton of complex features to save time and energy for React Native developers across the world. One of these complex features is the chat functionality, which is a must have in almost all mobile apps nowadays. In this tutorial, we’ll learn how to add a React Native Chat into any mobile app with only a few lines of code. And yes, we are talking about a fully fledged chat function, that comes integrated with backend (database & storage) and that is real-time. And it can be integrated into any React Native app with no effort!

Location features can make a React Native app feel useful immediately: nearby listings, delivery tracking, taxi pickup, store locators, real estate search, fitness routes, and local recommendations all depend on coordinates. They also touch privacy, battery, app store review, and cloud costs.

We launched a free React Native Starter Kit, and I thought it’d be a good idea to document the entire process of designing a react native starter app, from inception to the final product. Hopefully, this can help people looking to create a mobile app and have no idea how to start and what the product design process looks like.

If you are comparing starter kits against full app templates, use The Ultimate Guide to React Native App Templates as the main decision guide. This article is focused on the product thinking behind a starter app.

Interested in learning React Native? Let’s build your first React Native app, a simple mobile app displaying a list of countries, fetched from a REST API with a network request. This React Native tutorial is aimed at introducing React Native, giving you the basis of what you need to know before building a real React Native application. After that, we proceed to helping you build your first real React Native app. By the end of this article you will build a React Native app that can run on both iOS and Android devices.

React Native is a framework for building cross-platform mobile apps for iOS and Android. There are lots of materials with which to learn React Native and in this article I will show the best 10 resources to learn React Native development. For each learning material I will talk about the entry behavior, time to complete, content and difficulty level.

GIPHY integration is useful in React Native chat, comments, stories, social feeds, and messaging apps. The implementation is straightforward, but production apps need more than a search URL: attribution, API key handling, debounced search, pagination, safe media rendering, and a clear fallback when the API is unavailable.