Victor Bruce-Crabbe

Published in Firebase Developers

·Pinned

Publish a Production-ready React Native App to Firebase App Distribution Using Fastlane

In 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…

Fastlane

6 min read

Jul 27

Setting up Google Analytics in your NextJs project

Analytics is a way to gather metrics about your business in an eye-opening experience. …

Analytics

5 min read

Jul 13

Setting up Cypress in your NextJs project.

Cypress is a frontend testing tool built for the modern web that allows a developer to set up, write, run, and debug tests. With Cypress, you can write all kinds of tests for your project. In short, cypress can test anything that runs in a browser. These tests include: End-to-end…

Cypress

3 min read

Jul 6

Setting up Eslint, Prettier, and Husky in your NextJs project

Introduction Software developers have preferences and style conventions when using tools to build software products. These preferences and style conventions escalate into hot arguments and debates in no time. Developer A: I prefer using spaces over tabs. Developer B: Single quotes over…

Prettier

3 min read

Oct 19, 2021

Distribute React Native Apps by Building A CI/CD Pipeline using Fastlane and Github Actions (Android) — Part 4

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…

React Native

8 min read

Oct 1, 2021

Adding Google Analytics 4.0 to your Gatsby Site

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…

Gatsby

3 min read

May 16, 2021

SERIES: Publish your Production-ready React Native Application to Firebase App Distribution(Android) — Part 2

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…

React Native

3 min read

Published in Geek Culture

·May 16, 2021

SERIES: Preparing Your React Native App for Production(Android) — Part 1

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…

React Native

8 min read

Mar 15, 2021

React 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 Native

4 min read

Published in Level Up Coding

·Mar 3, 2021

Using 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 Native

2 min read