Serverless Mobile Applications with React Native &

Nader Dabit

Developer Advocate - AWS Mobile

AWS Amplify

@dabit3

twitter / github / medium

React / Native

React Native Training

10x Developer?

10x Developer

Velocity

AWS Mobile

Developer Velocity

Developer Velocity

AWS Amplify

AWS AppSync

Client & CLI

AWS Amplify

Build Apps Quickly

Instead of a collection of functions calling each other, the best serverless applications are:

  • Thick client code handling all interaction logic
  • Heavy use of managed services (e.g., AppSync, Cognito, @Auth0, @Algolia, @Cloudinary)
  • Small glue functions.

- JoeEmison (@joeemison)

The key benefit of serverless is not "no servers to manage". It's "almost no backend code".

- JoeEmison (@joeemison)

Serverless

==

Managed Services

Managed Serverless

No server operations

Scales seamlessly

Codeless

No need to manage uptime

Assumes responsibility for providing a defined set of services

Managed Serverless

// Variable Expense

⚡️💡

 Think of managed services like the electricity that runs through your home.

// Less Code

// Elasticity

// Maintainability

Go for a business that any idiot can run - because sooner or later, any idiot probably is going to run it.

- Peter Lynch

// Experimentation

Features

AWS Amplify

CLI Toolchain

Client Library

AWS Amplify

CLI Toolchain

AWS Amplify

Create AWS services

Update & delete AWS services

GraphQL CodeGen

Hosting for static websites & assets

Client Library

AWS Amplify

Connect to & interact with cloud services

Preconfigured components for popular front-end libraries

Built-in support for AWS Signature Version 4 signing for authenticated requests

Authentication

Analytics

GraphQL API

Lamdba Functions

​AR / VR

Chat Bots

REST API

Storage

Internationalization

AWS Amplify

Ionic

Angular

React

React Native

Vue

AWS Amplify Client

iOS

Android

Web

Xamarin

React Native

CLI

Amplify Workflow

1. Install the CLI

2. Configure the CLI

Amplify Workflow

3. Create a new Amplify project

Amplify Workflow

4. Use amplify add to initialize a service

Amplify Workflow

5. Create service in your account

Amplify Workflow

Example Application

User Mgmt

Back end

Search

Reporting

AWS AppSync / DynamoDB / Elasticsearch

Amazon Cognito

AWS AppSync

Amazon Pinpoint

@dabit3

twitter / github / medium

Building Cloud Enabled Mobile Applications with React Native AWS Amplify

By Nader Dabit

Building Cloud Enabled Mobile Applications with React Native AWS Amplify

Mobile Era - A walkthrough of the philosophy behind & how to use AWS Amplify

  • 1,515