React Native Expo automated deployment using fastlane and CircleCI

1

React Native

As hybrid mobile application frameworks mature, React Native has become a popular choice for building iOS and Android mobile apps using a shared codebase. When kicking off a React Native mobile app, developers are presented with a choice between using Expo Go or the React Native CLI. While React Native provides you with an engine that can be used to build a hybrid mobile app, Expo Go provides you with the complete car ready to drive away from the dealer. It provides you with a streamlined developer experience, with all the tooling required to build, deploy and test your mobile apps. The Expo SDK provides access to device and system functionality using shared code, enabling developers to focus on building their app without worrying about platform specific native code.

#Development Tools #JavaScript Framework #Javascript UI Libraries 212 social mentions

2

Node.js

#Runtime #JavaScript Runtime #JavaScript 785 social mentions

3

fastlane

Expo also provides a cloud based build and deployment service, EAS, that makes it easy to deploy an app to the store and keep it up to date. While this may be suitable for some organisations, there may be a need to build and deploy the app using an organisation's own infrastructure or existing CI/CD platform. This post will walk through an approach to building, testing and deploying an app using fastlane and CircleCI. While CircleCI is used for this example, this could be substituted with a CI/CD platform of choice that has support for Linux and MacOS build agents. CircleCI was chosen because its free tier is sufficient for building, testing and deploying Android and iOS apps with little configuration.

#Development Tools #Application Builder #Continuous Integration 41 social mentions

4

Xcode

Apple Developer Account and knowledge on how to setup an App Store app listing.

#Developer Tools #App Development #Software Development 141 social mentions

5

Android Studio

#Developer Tools #App Development #IDE 157 social mentions

6

CircleCI

Expo also provides a cloud based build and deployment service, EAS, that makes it easy to deploy an app to the store and keep it up to date. While this may be suitable for some organisations, there may be a need to build and deploy the app using an organisation's own infrastructure or existing CI/CD platform. This post will walk through an approach to building, testing and deploying an app using fastlane and CircleCI. While CircleCI is used for this example, this could be substituted with a CI/CD platform of choice that has support for Linux and MacOS build agents. CircleCI was chosen because its free tier is sufficient for building, testing and deploying Android and iOS apps with little configuration.

#Continuous Integration #Continuous Deployment #DevOps Tools 61 social mentions

7

Bundler

The next step is setting up the fastlane workflow, which will take care of building, signing and deploying the Expo React Native mobile app. Fastlane is being used as it automates many tedious tasks that can be tricky to get right using the platform provided CLI tooling. Since fastlane is a Ruby package Bundler will be used to define the dependency, to make it easy for other developers to run it and to enable consistency with the CI pipeline. Refer to the fastlane documentation on steps to get Ruby installed on your machine. Once Ruby is installed run the following commands to install fastlane in the ios and android directories.

#File Sharing #Cloud Storage #Secure File Sharing 19 social mentions