Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Rapid Application Development with AWS Amplify
  • Table Of Contents Toc
  • Feedback & Rating feedback
Rapid Application Development with AWS Amplify

Rapid Application Development with AWS Amplify

By : Adrian Leung
4.1 (10)
close
close
Rapid Application Development with AWS Amplify

Rapid Application Development with AWS Amplify

4.1 (10)
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)
close
close
1
Section 1: Getting Ready
4
Section 2: Building a Photo Sharing App
9
Section 3: Production Readiness

Adding Amplify UI components to a ReactJS project

Let's open the App.tsx file of our ReactJS project. We will add the following TypeScript code to the app:

  1. As usual, import the essential React and Amplify libraries as well as the App.css file:
    import React from 'react';
    import './App.css';
    import Amplify from 'aws-amplify';
  2. Import the AmplifyAuthenticator and AmplifySignOut UI components. We will integrate the sign in, sign up, and sign out UI components first:
    import { AmplifyAuthenticator, AmplifySignOut } from '@aws-amplify/ui-react';
    import { AuthState, onAuthUIStateChange } from '@aws-amplify/ui-components';
  3. Import the AWS setting file. Please make sure that you don't commit the aws-export.js or .ts setting files to the Git repository because the AWS console will figure it out itself:
    import awsExports from "./aws-exports";
    Amplify.configure(awsExports);
    const App = () => {
  4. We will create...
Visually different images
CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
Rapid Application Development with AWS Amplify
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist download Download options font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon