Accelerate App development using AWS Amplify with React Native

Russell Boley
Sep 30 · 5 min read
Photo by SpaceX on Unsplash

AWS Amplify

AWS Amplify is a set of tools and services that can be used together or on their own to help front-end web and mobile developers build scalable full-stack applications. This article will walk you through how you can publish your own Amplify based application in a matter of minutes! Amplify has a very specific setup to get you writing your web or mobile application quickly. It does this by using three components libraries, UI components, and a CLI toolchain.

How to Get Started With React Native On AWS Amplify

AWS Amplify supports React Native out of the box, meaning that we can deploy a React App using Amplify with no custom configuration, or pipeline code needed. Amplify lets you take a generic React Native app and deploy it to the cloud! To get started you need to have a React Native codebase for Amplify to build.

Creating the React Native Project Using Expo

To start from scratch using Expo to create a new react app. First, install the Expo CLI and then initialize a new expo project using:

# select blank option 
expo init my-amplify-app
cd my-amplify-app
expo start
React native in browser mode!
React native in browser mode!

Launching Your App In Amplify

For this demo, we are going to use the AWS Amplify CLI to deploy this app to amplify. The first step is to install the Amplify CLI then configure the CLI using

amplify configure
# Make sure you are in the React App's directory 
cd my-amplify-app
amplify init
amplify hosting add

You have an app in the cloud, what didn’t you do?

Notice that you now have an application that others can reach in a matter of minutes, it didn’t take much, but I wanted to highlight the things you didn’t have to do.

  1. Architect, secure, and deploy Infrastructure, networking, and permissions model.
  2. Procure an SSL certificate and DNS record for your app

In the time you took to read this article, you could have deployed a React Native Service on AWS Amplify; it is that simple! ​

Slalom Technology

For perspective and analysis on everything IT: cloud…