Creating a Serverless Application Using React in AWS

Focused View

Brett McLaughlin

2:47:10

0 View

01 Introduction

001 React API AWS The new web.mp4

00:59

002 Using the exercise files.mp4

02:38

02 React as the Front-End of an Ecosystem

001 React is a technology not an environment.mp4

05:44

002 Set up your React environment.mp4

03:34

003 Deploy your React app.mp4

03:01

004 Connect your code to GitHub.mp4

03:42

005 Add AWS support with Amplify.mp4

04:33

006 Challenge Update your local application and deploy to AWS.mp4

01:26

007 Solution Update your local application and deploy to AWS.mp4

03:58

008 Get a basic website up and running.mp4

08:07

03 Build React Components to Render Structured Data

001 Build a site based on structured data.mp4

02:19

002 Organize your app with components.mp4

05:27

003 Challenge Build a menu based on dynamic data.mp4

02:03

004 Solution Build a menu based on dynamic data.mp4

08:06

005 Use JSON as a Mock for Dynamically-Loaded Data.mp4

05:24

006 Load JSON as data in your React component.mp4

04:25

007 Challenge Convert your components to use dynamic data.mp4

02:13

008 Solution Convert your components to use dynamic data.mp4

07:38

009 Always be deploying.mp4

01:35

04 Use DynamoDB for Simple Data Storage

001 Download and install the AWS Command Line Interface.mp4

02:31

002 Set up an AWS IAM user.mp4

02:37

003 Configure the AWS CLI.mp4

01:54

004 Install the AWS SDK.mp4

01:26

005 Create a DynamoDB table.mp4

05:49

006 Challenge Add DynamoDB tables for other components.mp4

02:58

007 Solution Add DynamoDB tables for other components.mp4

05:03

008 Load data into DynamoDB using the AWS console.mp4

01:28

009 Load single-value data into DynamoDB programmatically.mp4

03:52

010 Load multi-value data into DynamoDB programmatically.mp4

04:13

05 Load Dynamic Data into React Components

001 Create a role for Lambda and DynamoDB access.mp4

02:20

002 Load DynamoDB data from a Lambda function.mp4

05:34

003 Test your Lambda from AWS.mp4

03:06

004 Challenge Write Lambda functions for all tables.mp4

01:34

005 Solution Write Lambda functions for all tables.mp4

04:15

006 Create an API Gateway.mp4

03:23

007 Create a GET endpoint for services.mp4

02:59

008 Deploy your API Gateway to a new stage.mp4

02:57

009 Validate your endpoint is dynamic.mp4

01:46

010 Challenge Add more endpoints to your REST API.mp4

02:02

011 Solution Add more endpoints to your REST API.mp4

04:28

06 Connecting React to an API

001 Add a React Hook and a state variable.mp4

04:24

002 Create a side effect with the useEffect Hook.mp4

04:21

003 Request data from an API Gateway.mp4

04:25

004 Update CORS headers for your application.mp4

03:42

005 Challenge Finish the Landon Hotel API calls.mp4

01:23

006 Solution Finish the Landon Hotel API calls.mp4

02:52

07 Conclusion

001 Next steps.mp4

02:56

Description

React is one of the key technologies that the new and modern web is being built upon. In this course, instructor Brett McLaughlin shows you how React and a complete web development ecosystem work together in building applications. Brett goes through all the steps in getting your React app set up, deployed, connected, and supported. Next, he steps you through creating React components to organize and display your content. Brett teaches you how to add cloud services like a database using JSON data and encourages you to ensure your code works on the cloud platform you're targeting. He covers how to interact with AWS and DynamoDB through the command line, then how to create and use a DynamoDB table. Next, Brett goes into how to create, load, and test a new role that can execute Lambda functions and interact with DynamoDB. He walks you through creating and deploying an API gateway. Brett concludes by showing you how to connect your React code to an API Gateway endpoint.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

React

Amazon AWS

Brett McLaughlin

Instructor's Courses

My passion is high-growth organizations that need to make difficult decisions and execute quickly and accurately. I am a proven leader focused on mapping business strategies to product and technical requirements. I am concerned with results- and value-based teams and organizations that must interact with distributed customers through clear and creative communication, honesty, integrity, and heart. I choose career opportunities where I can be an integral part of an organization that is committed to becoming greater than individual agendas, but also recognizes the importance of the individual. My most important skills are communication, empathy, predictive thinking, and problem solving. I believe that these rise in importance above my experience with cloud computing, application platforms, and the DevOps culture (in both broken and ideal contexts). My goal is to find organizations whose values reflect this same prioritization and shares a belief that customer success is based more on relationship and experience than it is bits and bytes moving across a network¬–but that those same bits and bytes must continue to move all the while.

Linkedin Learning

View courses Linkedin Learning

LinkedIn Learning is an American online learning provider. It provides video courses taught by industry experts in software, creative, and business skills. It is a subsidiary of LinkedIn. All the courses on LinkedIn fall into four categories: Business, Creative, Technology and Certifications. It was founded in 1995 by Lynda Weinman as Lynda.com before being acquired by LinkedIn in 2015. Microsoft acquired LinkedIn in December 2016.