Published in Firebase Developers·PinnedPublish a Production-ready React Native App to Firebase App Distribution Using FastlaneIn part two of our blog series on building a production react-native app and publishing to an application market, we looked at how we can distribute a pre-release version of our app to a group of testers to Firebase App Distribution from the Firebase console. Even though using Firebase console…Fastlane6 min read
Oct 19, 2021Distribute React Native Apps by Building A CI/CD Pipeline using Fastlane and Github Actions (Android) — Part 4This 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…React Native8 min read
Oct 1, 2021Adding Google Analytics 4.0 to your Gatsby SiteMonitor 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…Gatsby3 min read
May 16, 2021SERIES: Publish your Production-ready React Native Application to Firebase App Distribution(Android) — Part 2Releasing 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…React Native3 min read
Published in Geek Culture·May 16, 2021SERIES: Preparing Your React Native App for Production(Android) — Part 1If 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…React Native8 min read
Mar 15, 2021React Native Firebase Setup for both Android and iOS(Step by Step)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…React Native4 min read
Published in Level Up Coding·Mar 3, 2021Using environment variables in a React Native App.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": […React Native2 min read
Feb 7, 2021Importing and using react-native-vector-icons the right way in a React Native projectInstalling 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. …React Native Vector Icons3 min read
Jan 4, 2021React Native Modal [Day 4/30]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…2 min read
Jan 3, 2021React Native Components III [Day 3/30 — React Native]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…2 min read