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.
Table of Contents (14 chapters)
1
Section 1: Getting Ready
4
Section 2: Building a Photo Sharing App
9
Section 3: Production Readiness

Technical requirements

This chapter requires you to complete the exercises in Chapter 1, Getting Familiar with the Amplify CLI and Amplify Console, to ensure you have added Amplify Hosting to your project. Amplify Hosting only works with the ReactJS and React Native for Web projects. Yes, React Native for Web is a thing in 2021 since the React community has been working on it for a few years; it is in its beta stage at the moment, which is very stable. React Native for Web can be enabled for both Expo and React Native apps. Many well-known companies are using React Native for Web in production, including Twitter, Flipkart, Uber, and The Times.

If your app is based on Expo, then React Native for Web should already be part of the package as Expo SDK version 33, called the Expo Web. However, if your app is based on React Native, then you will need to run the following command to add the React Native for Web library to your project:

yarn add react-native-web

You can download the...