14 posts tagged with "Tutorials"

Congratulations on building your React Native app! You’re ready to share it with millions of Android users on the Google Play Store. Publishing might feel like a big step, but don’t worry—this beginner-friendly guide will walk you through every part of the process using Expo SDK, compatible with React Native 0.75.4 and Android SDK 35. We’ll use Expo Application Services (EAS) to make things smooth, and we’ll explain key terms like applicationId and keystore along the way. No prior Play Store experience is needed, and for a head start, check out prebuilt templates at Instamobile or Dopebase.

Getting your React Native app into the App Store is a thrilling moment-your creation is about to reach iOS users everywhere! Submitting to the App Store might seem intimidating, especially if it’s your first time, but don’t worry. This beginner-friendly guide will walk you through every step of submitting a React Native iOS app using Expo SDK 51, compatible with React Native 0.75.4 and Xcode 16+ (iOS 18 SDK). We’ll cover setting up your project, preparing for Apple’s review, and launching your app, all on macOS (required for iOS submissions). No prior App Store experience is needed, and we’ll explain key terms along the way. For a quicker start, explore prebuilt templates at Instamobile or Dopebase.

React Native has become one of the most popular frameworks for building cross-platform mobile applications. If you’re a Windows user looking to start your React Native development journey, this comprehensive guide will walk you through every step of the installation process.

React Native developers are often in the situation of releasing their React Native apps to the Google Play Store so that Android users can download them. In this tutorial, we are going to learn how to generate a React Native Release Build APK for Android, using both React Native CLI and Android Studio IDE. At Instamobile, we launched all of our React Native Templates to production (Google Play Store demos), so we are familiar with the process as well as the errors that might show up when generating a React Native Release Build APK for Android. We are documenting our learnings in this React Native tutorial, to help mobile developers ship their Android apps to production more quickly.

In this tutorial, we'll guide you through the process of using Supabase, an open-source Backend-as-a-Service (BaaS), with React Native to build a simple Todo app. We'll cover the three essential aspects of Supabase: Authentication, Database, and Functions. By the end of this tutorial, you'll have a solid understanding of how to integrate Supabase into your React Native application.

If you already have some programming experience and you’re interested in learning React Native, there are a few methods that are faster than the traditional route of learning. Most tutorials, books and courses are targeted towards non-programmers, wasting your time with the basics. But if you have programming experience, here’s how to learn React Native practically in a fraction of the time.

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.

In this article, we are going to discuss the in and outs of the React Native App Icon for both iOS and Android. The app icon is a critical component of a mobile app since it’s always exposed to users. A great app icon can improve your app install numbers and can boost daily active users if it’s attractively designed. Anyone who is building a React Native app will eventually need to solve the issue of adding a React Native app icon to their mobile apps, prior to publishing them to the app stores.

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.