Mobile apps must be snappy and playful. To fall in love with your mobile app, users need to perceive it as fast, responsive and bug-free. Perceived performance measures how fast a user thinks your mobile app is. Fortunately, there are several standard techniques that we can apply to our UI/UX, in order to improve the perceived performance of mobile apps significantly.
Entrepreneurs, designers, and developers tend to separate Growth aspects from the mobile app development process. They are usually perceived as completely different focus areas. After all, what does marketing have to do with app development, right? Because of this, many startups fall into the trap of building onboarding screens that are so beautiful it blows the user’s mind, but they are not optimized for Growth, hence don’t convert well.
In this tutorial we will build a React Native app that allows users to upload images and videos from their camera and photo library directly into a AWS S3 bucket. As AWS is the leader of cloud providers, a huge part of the React Native ecosystem is using AWS as the backend for their app. With the release of AWS Amplify, using AWS as backend for a React Native app has never been easier to implement.
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.
Once Apple introduced the Login with Apple button, they also updated their App Store rules, that any app that supports Facebook Login and Google Login, must implement the Apple Sign-in variant too. Otherwise, the app would simply be rejected during the App Review process. So let’s see what it takes to implement Apple Login in React Native, with Firebase Auth.
Optional imports support has been added recently in React Native.This feature requires no external library and is relatively easy to implement even with its enormous advantage to the overall code quality of your code. The major use-case of this feature is backwards compatibility which we will look right into next.
In this tutorial, we are going to learn how to send push notifications to React Native using Firebase. We are going to walk you through all the Firebase setup steps as well as the React Native code needed for sending notifications. Push notifications are an important user retention lever, so React Native developers run into implementing them with every single app they build.
“The notch” has been introduced by Apple a few years ago, with the launch of iPhone X. For iOS developers, this introduced more work on the day to day layout efforts, as it added an extra set of device types. On most devices that have a notch, regular views do not display well and they block out a considerable part of the top of the screen. Let’s see how we can avoid the notch in React Native projects, with the help of SaveAreaView, a component that’s built into the React Native core.
In this tutorial, you are going to build a small demo by adding the feature of a deep linking in a React Native application. To support deep linking and navigation in the app, react-navigation library is going to be used. There are use cases in which using an external URL a user is going to transit to a specific screen in your application. This URL can be provided on a web page, for instance. Navigating to the exact screen in the React Native app from an external URL is what the process of Deep Linking is about.
Instagram has been growing like crazy over the past few years, and one of its key features that fueled that growth was the famous photo filters. By allowing users to apply various filters to their photos to make them better looking, Instagram has created an amazing product. Any modern photo app must support photo filters nowadays, so we are going to take a look at how to implement the Instagram photo filters in React Native.