Nader Dabit
Teaching and building apps using React and React Native
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
