Book Image

Rapid Application Development with AWS Amplify

By : Adrian Leung
Book Image

Rapid Application Development with AWS Amplify

By: Adrian Leung

Overview of this book

AWS Amplify is a modern toolkit that includes a command line interface (CLI); libraries for JS, iOS, and Android programming; UI component libraries for frameworks like React, Angular, and Vue.js for web development, and React Native and Flutter for mobile development. You'll begin by learning how to build AWS Amplify solutions with React and React Native with TypeScript from scratch, along with integrating it with existing solutions. This book will show you the fastest way to build a production-ready minimum viable product (MVP) within days instead of years. You'll also discover how to increase development speed without compromising on quality by adopting behavior-driven development (BDD) and Cypress for end-to-end test automation, as well as the Amplify build pipeline (DevOps or CI/CD pipeline) to ensure optimal quality throughout continuous test automation and continuous delivery. As you advance, you'll work with React to determine how to build progressive web apps (PWAs) with Amplify and React Native for cross-platform mobile apps. In addition to this, you'll find out how to set up a custom domain name for your new website and set up the AWS Amplify Admin UI for managing the content of your app effectively. By the end of this AWS book, you'll be able to build a full-stack AWS Amplify solution all by yourself.

Related Content you might be interested in

Current Title:

Small book image
Rapid Application Development with AWS Amplify
Adrian Leung
Jul, 2021 | 344 pages
Small book image
Building Vue.js Applications with GraphQL
Heitor Ramon Ribeiro
Jan, 2021 | 298 pages
Small book image
Lightning-Fast Mobile App Development with Galio
Alin Gheorghe
Nov, 2021 | 272 pages
Table of Contents (14 chapters)
Preface
Preface
Who this book is for
What this book covers
To get the most out of this book
Download the example code files
Download the color images
Conventions used
Share Your Thoughts
1
Section 1: Getting Ready
Section 1: Getting Ready
Free Chapter
2
Chapter 1: Getting Familiar with the Amplify CLI and Amplify Console
Chapter 1: Getting Familiar with the Amplify CLI and Amplify Console
Technical requirements
Understanding the AWS Amplify CLI
Exploring Amplify Console
Understanding AWS Amplify hosting
Creating full-stack serverless web and native apps with AWS Amplify
Summary
3
Chapter 2: Creating a React App with AmplifyJS and TypeScript
Chapter 2: Creating a React App with AmplifyJS and TypeScript
Technical requirements
Creating a new project with React or React Native with TypeScript
Setting up the backend
Adding an API with GraphQL and DynamoDB
Integrating the GraphQL API with the ReactJS app
Launching the ReactJS app
Integrating the GraphQL API with the React Native and Expo apps
Launching the React Native and Expo apps
Summary
4
Section 2: Building a Photo Sharing App
Section 2: Building a Photo Sharing App
5
Chapter 3: Pluggable Amplify UI Components
Chapter 3: Pluggable Amplify UI Components
Technical requirements
Installing Amplify UI in the project
Adding Amplify UI components to a ReactJS project
Customizing Amplify UI components for ReactJS
Applying styling such as typography and colors to a ReactJS app
Adding Amplify UI components to a React Native project
Customizing Amplify UI components for Expo and React Native apps
Applying styling such as typography and colors to Expo and React Native apps
Summary
6
Chapter 4: User Management with Amplify Authentication
Chapter 4: User Management with Amplify Authentication
Technical requirements
Understanding AWS authentication
Signing up for the ReactJS app
Signing in and out of the ReactJS app
Signing up for the Expo and React Native apps
Signing in and out of the Expo and React Native apps
Summary
7
Chapter 5: Creating a Blog Post with Amplify GraphQL
Chapter 5: Creating a Blog Post with Amplify GraphQL
Technical requirements
Creating a blog post with Mutation for the ReactJS app
Finding a blog post with Query with ReactJS
Getting real-time updates with Subscriptions with ReactJS
Creating a blog post with Mutations for Expo and React Native
Finding a blog post with Query for Expo and React Native
Getting real-time updates with Subscriptions for Expo and React Native
Summary
8
Chapter 6: Uploading and Sharing Photos with Amplify Storage
Chapter 6: Uploading and Sharing Photos with Amplify Storage
Technical requirements
Adding the React Photo Picker UI component and Amplify Storage with ReactJS
Sharing an image with text as a blog post with ReactJS
Listing all the blog posts with real-time updates with ReactJS
Adding the Photo Picker component with Amplify Storage with Expo and React Native
Sharing an image with text as a blog post with React Native and Expo
Listing all the blog posts with real-time updates with React Native and Expo
Summary
9
Section 3: Production Readiness
Section 3: Production Readiness
10
Chapter 7: Setting Up an Amplify Pipeline
Chapter 7: Setting Up an Amplify Pipeline
Technical requirements
Enabling the Amplify DevOps pipeline
Adding the YAML file
Enabling email notifications
Troubleshooting techniques
Triggering the pipeline
Summary
11
Chapter 8: Test Automation with Cypress
Chapter 8: Test Automation with Cypress
Technical requirements
Setting up Cypress with Cucumber
Understanding the workflow to leverage BDD
Writing executable User Stories in Gherkin
Writing test cases as step definitions with TypeScript
Integrating Cypress with the DevOps pipeline
Summary
12
Chapter 9: Setting Up a Custom Domain Name and the Amplify Admin UI
Chapter 9: Setting Up a Custom Domain Name and the Amplify Admin UI
Technical requirements
Adding a custom domain name to AWS Route 53
Adding a custom domain name using a third-party DNS provider
Setting up the Amplify Admin UI (beta)
Walking through the Amplify Admin UI
Summary
Why subscribe?
13
Other Books You May Enjoy
Other Books You May Enjoy
Packt is searching for authors like you
Share Your Thoughts

What this book covers

Chapter 1, Getting Familiar with the Amplify CLI and Amplify Console, familiarizes you with the Amplify CLI and Amplify Console so you can decide how to set up and configure a new or existing project with AWS Amplify. You will learn how to integrate Amplify with existing projects with the most popular frameworks.

Chapter 2, Creating a React App with AmplifyJS and TypeScript, explains how to create and launch an app with React with TypeScript within no time. You will also create a React app at the same time with some small adjustments.

Chapter 3, Pluggable Amplify UI components, covers how to add pre-built Amplify UI Components to your app, such as a user signup form or a photo picker.

Chapter 4, User Management with Amplify Authentication, explains how to add user management to your app with Amplify Authentication and Amplify UI Components.

Chapter 5, Creating a Blog Post with Amplify GraphQL, covers advanced GraphQL techniques to insert and query data between users and DynamoDB with queries, mutations, and subscriptions.

Chapter 6, Uploading and Sharing Photos with Amplify Storage, explains how to add the photo upload feature to the app with the ready-made React Photo Picker UI component and AWS Amplify Storage, as well as how to list images with a photo album.

Chapter 7, Setting Up an Amplify Pipeline, covers the setup of the DevOps pipeline with Amplify, including adding the YAML config file to the repository, troubleshooting techniques, and different ways to trigger the pipeline.

Chapter 8, Test Automation with Cypress, explains how to set up your project with Cypress and Cucumber, how to write executable User Stories in Gherkin, and how to write test cases as Step Definitions with TypeScript.

Chapter 9, Setting Up a Custom Domain Name and the Amplify Admin UI, shows you how to set up a custom domain name with your Amplify project on the Amplify Console with Route 53 so that you can tell the world about the new photo-sharing app that you have just created.

Previous Section
Next Section