75 posts tagged with "React Native"

Debugging React Native apps with breakpoints is a powerful way to identify and fix bugs, as well as understand new codebases quickly. Setting up the debugging environment for React Native development has been historically difficult, so I thought detailing how we debug with breakpoints, our source codes at Instamobile, might come in handy, especially to those who are fairly new to React Native. You will learn how to set up breakpoints in React Native apps.

Capturing Memories! Camera in our smartphones allows us to quickly capture amazing moments in our lives. Moments which we most likely can never return to, but we can safely capture them up in the form of photos and videos. we are therefore left with a desire to share this amazing moment with our loved ones through our favourite mobile apps.

React Native is one of the leading frameworks for developing cross-platform applications with ease. You can set up and get an app running in a couple of minutes due to its simple approach. Following React’s state-based rendering approach, applications built with React Native are very robust. In this article, we will be implementing React Native biometrics authentication with Expo, by leveraging expo-local-authentication open-source library. Let’s get started.

AWS Amplify is a framework that lets you develop a web or mobile application quickly, by accessing the backend cloud services offered by AWS. In this article, we are going to learn how to use AWS Amplify in React Native by building a fully functional login and registration flow. This tutorial is going to take a look at one of the most important features of a mobile application – the authentication. You know the scenario. You need to store some amount of user information (credentials) for them to get back and re-use the application rather than creating a new account. Please make sure to have an AWS account before you begin this tutorial. If you don’t, please sign up for one.

In this article we are going to take a look at how to compress videos in React Native as well as general media, such as photos or audio content. It’s standard practice to compress the full size of raw images/videos before they are sent to be stored on the server in order to conserve storage cost, but most importantly to improve the user experience by an order of magnitude.

Using React Native you can build a variety of app screens that are cross-platform using JavaScript as the main programming language. One such app screen feature is uploading photos which is quite a common feature in social media apps. Uploading photos to Firebase Storage is a common practice in React Native apps that have backend integration with Firebase, such as our React Native templates.

In today’s article we will build a React Native Music Player, to showcase how easy it is to build a music app in React Native, that is optimized for both native iOS and Android. The project we are going to build will look and behave similar to the Spotify player, that all of us are familiar with. The main goal is to have a basic app with two screens: one with a list of predefined songs and another one with the actual music player.

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.

You might have seen Google Maps in almost all the apps these days. Some mobile apps are displaying their outlet locations, track users (like Uber), showing nearby places, etc. So, it shows the importance of maps support in mobile apps. Today, we are going to integrate Google Maps in a React Native app step by step, using the popular React Native Maps package.

React Native has gained a lot of popularity among mobile app developers within the last few years, and the tooling ecosystem has improved a lot as a result. In this article, we are listing the best React Native development tools that are indispensable to any React Native developer who wants to be as productive as possible in their development and debugging processes.