Working with Data in DynamoDB from React with AWS Amplify - Full tutorial

If you want to add data to your React app but don't want to have to build an API then this is the video for you.
Learn how you can use AWS Amplify to create and access a DynamoDB table in the easiest way possible.

[khandoor]

This looks amazing Sam. Also just wanted to thank you, I just got my AWS Developer Cert and your videos helped me do that! Also thanks for using Material-ui, my fav CSS framework!

[programmusicuk]

brilliant, thanks Sam, I've been looking forward to sitting down and working through the Amplify tutorials

[agalloch]

this video covered exactly what I needed for my project. huge thanks, Sam!

[tylermorales]

This is exactly what I have been looking for. Thanks so much for the video series!

[AbrahamSalloum]

Fantastic Videos Mate. Really helpful. Thanks a lot. One thing: Your habit of importing a function after you use it in your code (as opposed to before) breaks the syntax highlighting/code competition when I'm following along. Great content - I learnt a lot.

[alpeAtYT]

Exactly what I've been looking for, thanks for the great content!

[sergezeda]

Thoroughly enjoyed this tutorial. Thanks Sam

[BenjaminAugustLiterature]

Extremely well made video. Answered every question I had!

[asisaasseily]

Fantastic tutorial! Thank you so much Sam!

[CourtSchuett]

This is a very good video. Very helpful and easy to understand.

[patshalaaa]

Awesome ...loved it and subscribed too

[MrRishi]

Great tutorial, very explanatory and covers all the basics. Thank you Sam.

[SyedAli-krqw]

32:15 great tutorial. One thing I want to share is that onClick needs that empty arrow function otherwise the event will trigger as soon as the page loads.

[christiankiss]

beautifully presented. Thank you very much.

[milesrichie]

If you're running into an authorization error. In your schema you now need to define an @auth. To give the owner (Whoever is signed in) all privileges by default do this: type Song @model @auth(rules: [{ allow: owner }]) {
id: ID!
title: String!
description: String!
filePath: String!
like: Int!
owner: String!
}

Then push again and you should be authed.

[themetguns]

1:54 I have a problem, I can’t choose Cognito user Pool in authorization type for the API, please help

[galecogames]

Hey Sam! Hope you are doing well.

I have a question, when I type the following line on my code "const clientList = I receive this error:

Property 'data' does not exist on type 'GraphQLResult<any> | Observable<object>'.
Property 'data' does not exist on type 'Observable<object>'.ts(2339)

Any idea on how to fix this? I have watch the steps multiple times and everything seems to be correct, the only difference is that I'm using TypeScript instead of JavaScript like you, not sure if this might be affecting.

Any help would be appreciate! Thanks for this amazing tutorial btw.

[mikechen]

it's weird that I can't get access to my DynamoDB items. The console shows "Not Authorized to access songList on type Query"

I added below auth but still with no luck.
@auth(
rules: [
{ allow: public, provider: apiKey }
{ allow: private, provider: iam }
{ allow: owner }
{ allow: groups, groups: ["Admin"] }
]
)

[awswithmicha]

Sam, you're a lifesaver! Your videos are exactly what I've been looking for. I've a small question.

How would you use `API.graphql(graphqlOperation(createSong, {input : newSong}))` and update the songs array?

To be more specific, how do you create a newSong object where the id is generated automatically and other fields are taken from a form?

[JC-nwzv]

Hello

I got "unauthorized" error in the Console from fetching the data.