This is part four (final part) of the blog series “Publish your Production-Ready React App To Production”. In part 1, we looked at how to prepare a React Native App for production. After, we went through how to manually distribute a React Native app to production using Firebase App Distribution…

Monitor and evaluate your website performance using Google Analytics 4.0 on your gatsby website for free. Topics to cover: Setting up a Google Analytics account Configuring Gatsby to use the Global Site Tag Introduction In today’s tutorial, I will help you add Google Analytics 4.0 to your Gatsby website for free using the Global…

Releasing your React Native app to trusted testers has been much easier and less of a pain with the help of Firebase App Distribution. In this blog tutorial series, we are going to look at how to distribute your Android apps to Firebase App Distribution for free. Firebase App Distribution…

If you have ever wondered how to build the production or release version of your React Native app, then you have come to the right place. Before proceeding, this tutorial is targeted only at the android version of our React Native app. Table of Content 📖 Create a React Native App from Scratch Develop…

1. Create a react native project npx react-native-cli rn-firebase 2. Create a Firebase project on firebase Head over to firebase.google.com to create a new project. Add a new application for either android or iOS (or both) 3. Installing React Native Firebase App library Install the React Native Firebase “app” module to the root of your React Native project with NPM or Yarn(I will be using NPM throughout, hence find the…

Install react-native-dotenv library/package by running the command npm i react-native-dotenv For iOS, cd /ios pod install Configure your babel.configure.js to allow you to inject your environment variables into your react-native environment using dotenv for multiple environments. Basic Setup: Inside your babel.configure.js file, add the code below: module.exports = { "plugins": […

Installing vector icons in a bare React Native application requires some few steps to follow in order to set it up correctly for both android and ios platforms. If you’re using expo, react-native-vector-icons is installed by default on the template project that get through expo init. …

Modals are one of the most widely used components in mobile apps. React Native modals allows you to present content above an enclosing view. Find out more about modals in React Native from their official documentation The Modal Surprisingly, using modals in React Native is quite easy and straight forward. Maybe it…

Still exploring and experimenting with React Natives’ components as of day 3. I added an important feature that is very common with lists on mobile apps, the RefreshControl component. You can read more about this component from the official documentation RefreshControl Component The RefreshControl component allows users to fetch new data on…