12 posts tagged with "Tutorials"

Windows is a solid development environment for React Native Android apps. The important part is to install the native Android toolchain cleanly, keep Node and Java aligned with your app's React Native version, and use project-local commands instead of old global CLIs.

This guide focuses on Android development from Windows. Building and running iOS apps still requires macOS and Xcode.

React Native developers eventually need a signed Android release build. For Google Play, the normal production artifact is an Android App Bundle (.aab). APKs are still useful for local testing, sideloading, and some distribution workflows, but Google Play release planning should start with the app bundle.

This guide explains the modern release build flow for React Native Android apps.

Supabase can be a strong backend for React Native apps when you want PostgreSQL, SQL, Row Level Security, Auth, Storage, and Edge Functions. The key React Native detail is session persistence: configure storage and URL handling before building screens on top of the Supabase client.

If you already know JavaScript or React, the fastest way to learn React Native is not to watch weeks of passive tutorials. The fastest path is to run a real app, inspect the code, make small changes, debug those changes, and then ship a small feature end to end.

This guide gives you a practical learning roadmap for React Native developers who want to move from "I understand the basics" to "I can customize and launch an app."

In React Native WebViews enable access to any web portal in the mobile app itself. In other words, a web view allows us to open the web URLs inside the app interface. While React Native provides us with a built-it web view component, but we are going to use react-native-webview plugin in this tutorial, since it is more powerful. React Native WebView is a modern, well-supported, and cross-platform WebView for React Native.

In this tutorial, we are going to give a quick introduction to React Native hooks. Hooks in React are available since the version 16.7.0-alpha. These functions allow us to use React state and a component’s lifecycle methods in a functional component. If you are familiar with React, you know that the functional component has been called as a functional stateless component. Not any more.

The app icon is one of the first production assets you should replace before submitting a React Native app to the Apple App Store or Google Play. It appears on the home screen, app stores, settings screens, notifications, search, and device launchers.

This guide explains how to replace icons in a React Native app with native iOS and Android projects.

An App Walkthrough Screen is a slider screen which allows the user to learn everything about the features of a mobile app when they open the application for the first time. We can implement this feature in a React Native application in multiple ways. In this React Native tutorial, we describe how we implemented the Walkthrough Screens in all of our React Native Templates so that you can speed up your app development by reusing our open source code.

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.

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.

React Native payment integrations have changed a lot since early checkout packages wrapped a few native payment APIs. For production apps today, Stripe's React Native SDK and PaymentSheet are the safer default for card payments, Apple Pay, Google Pay, saved payment methods, and multi-method checkout.

The mobile app should never own payment secrets. It presents checkout, receives client-safe values, and shows status. A secure backend creates PaymentIntents, validates amounts, handles webhooks, and finalizes orders.