1×
Become a member
to unlock all features

Level Up!

Access all courses & lessons on egghead today and lock-in your price for life.

Autoplay

    Create & Configure an AWS Amplify Project with a React Application

    nader dabitnader dabit
    react-nativeReact Native
    awsAWS
    javascriptJavaScript

    In this lesson we’ll create a new React application, create a new AWS Amplify project, & configure the React application to begin working with Amplify & AWS services.

    Code

    Code

    Become a Member to view code

    You must be a Member to view code

    Access all courses and lessons, track your progress, gain confidence and expertise.

    Become a Member
    and unlock code for this lesson
    Discuss

    Discuss

    Transcript

    Transcript

    Instructor: Now that we've installed and configured the CLI, let's create a new React application, and then initialize a new Amplify project within the React application.

    To do so, we'll use create React app to create a new React application called My Amplify app. Once the new React application has been created, let's change into the new directory.

    From within the new directory, we'll run Amplify init to initialize a new Amplify project. We'll then be prompted for a few options. For the default editor, I'll choose Visual Studio code. For the type of app we're building, we can choose JavaScript. For the framework we're using, we can choose React.

    The source directory can be left as source. The distribution directory, build. The build command can be left as build. The start command can be left as start.

    Next, we're given the option to choose an AWS profile. Here, we can choose the profile that we created when we configured this CLI.

    Now, our Amplify project has been initialized. We should now see a .Amplify rc file, as well as an Amplify folder, in our root directory.

    The last thing we need to do is install the AWS Amplify and AWS Amplify React Client Libraries into our React application.

    To do so, we can either use npm or yarn to add AWS Amplify and AWS Amplify React.

    Now, the React app has been configured, the Amplify project has been created, and we're ready to begin adding new features.