Nader Dabit
Teaching and building apps using React and React Native
Serverless Web Applications with
Nader Dabit
Developer Advocate - AWS Mobile
AWS Amplify
@dabit3
twitter / github / medium
AWS Mobile
Developer Velocity
AWS Mobile
Enable front-end developers to move further up the stack leveraging their existing skillset to build full-stack web & mobile applications.
Developer Velocity
AWS Mobile
Client & CLI
AWS Amplify
Build Apps Quickly
Use a service whenever possible because services are almost always cheaper & faster than people.
Serverless
!==
Serverless
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
// Less Code
// Elasticity
Agility
Features
AWS Amplify
CLI Toolchain
Client Library
AWS Amplify
CLI Toolchain
AWS Amplify
Create cloud services
Update & delete cloud services
GraphQL CodeGen
Hosting for static websites & assets
Client Library
AWS Amplify
Connect to & interact with cloud services
Preconfigured components for Angular, Vue, React, & React Native
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
Vuew
AWS Amplify Client
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 create a service
Amplify Workflow
Example Application
User Mgmt
Back end
Search
Reporting
amplify add auth
amplify add analytics
amplify add api
amplify push
AWS AppSync / DynamoDB / Elasticsearch
Amazon Cognito
AWS AppSync
Amazon Pinpoint
@dabit3
twitter / github / medium
Building Serverless Web Applications with React & AWS Amplify
By Nader Dabit
Building Serverless Web Applications with React & AWS Amplify
Connect.tech - A walkthrough of the philosophy behind & how to use AWS Amplify
