Building Real-time Offline-ready Mobile Applications with React Native & AWS
Nader Dabit
Developer Advocate - AWS Mobile
@dabit3
twitter / github / medium
Developer Velocity
JavaScript
Build Mobile, Web, Desktop, Machine Learning, Server-side applications
React / Native
Use existing skillset to build across multiple platforms
GraphQL
Consistent self-documenting API for multiple data sources & microservices
Real-time out of the box
Type Safety
AWS Mobile
Developer Velocity
Developer Velocity
AWS Amplify
AWS AppSync
Full-stack for Front End Developers
Use your existing skillset to build robust full-stack web & mobile applications
Serverless
- No servers to manage
- Continuous scaling and balancing
- Pay only for used, not reserved time
- Less code to manage
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, @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
==
Serviceful Serverless
No server operations
Scales seamlessly
Codeless
No need to manage uptime
Assumes responsibility for providing a defined set of services
Serviceful Serverless
// Variable Expense
⚡️💡
Think of managed services like the electricity that runs through your home.
// Elasticity
// Less Code
Go for an application that any idiot can maintain - because sooner or later, any idiot probably is going to maintain it.
// Experimentation
Features
AWS Amplify
- CLI Toolchain
AWS Amplify
- Client Library
- Hosting / Deployment
Client Library
AWS Amplify
Connect to & interact with cloud services
Preconfigured components for popular front-end libraries
Pluggable, works with other cloud providers
Open Source
AWS Amplify - Native Support
AWS Amplify - Framework Support
CLI Toolchain
AWS Amplify
Create cloud services
Update & delete cloud services
Toolchain - GraphQL CodeGen ++
Amplify Console
AWS Amplify
Continuous deployment and hosting service for mobile web applications
Git integration (GitHub, GitLab, BitBucket)
Multi-environment support with feature-branch deploys
Password-protected deployments
Authentication
Analytics
GraphQL API
Lamdba Functions
AR / VR
AWS Amplify
Chat Bots
REST API
Storage
Internationalization
Push Notifications
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
Amazon Cognito
AWS AppSync
Amazon Pinpoint
aws-amplify.github.io
Awesome AWS Amplify (GitHub)
Awesome AWS AppSync (GitHub)
Egghead.io
@dabit3
twitter / github / medium