In this article, we cover the second part of our two part series. We will create a React Native application that makes use of the Firebase Cloud Function that we created in the  first part. Here I will cover building the application in detail. If you want to skip ahead to the finish line, the full code is available here.

What is React Native?

React Native lets coders develop applications for both Android and iOS with just one codebase. React Native applications are built using JavaScript or TypeScript, which simplifies the transition to mobile development for web developers. Unsurprisingly, the framework has gained popularity over the past few years.

What is Expo?

Expo is a set of tools and services built around React Native that help you quickly develop, build and deploy both iOS and Android apps from the same JavaScript/TypeScript codebase.

Setting up React Native with Expo

In this project we will be using Expo with React Native. We are going to go through step by step on how to set it up.

If you run into problems you can take a look at their docs which goes into more detail.

npm install -g expo-cli

Make sure that you’re in the landmark root folder that we created earlier in part 1.

expo init frontend

#cloud-vision-api #typescript #firebase #react-native #expo

Building a Landmark Recognition App with React Native and Vision AI
47.80 GEEK