AWS Amplify SDK and Stateless Functional Components

TechDo #13

Transcript

1. AWS Amplify SDK make: private file hosting service
2. USER Cognito S3 IAM
3. S3 use case User: • List • Download • Upload ◦ only Admin member
4. IAM use case • Guest member IAM ◦ read only • Admin member IAM ◦ read and write
5. Cognito use case Admin: • Create account User: • Sign In ◦ First, set password ◦ Verify 2 Factor Authentication
6. Cognito S3 CloudFormation by
7. CloudFormation Cognito
12. CustomResource Python YAML
13. Qiita cite: https://qiita.com/kai_kou/items/f56bb13a5d47e e05d766
14. CloudFormation S3
16. AWS Amplify SDK
17. Cognito S3 IAM React pre signed url
22. Promise
24. Promise
25. Only Admin member
26. Stateless Functional Component SFC
27. Redux
28. React Components
29. React Components State
30. React Components State update render render render render render render render render render render
31. React Components Redux Store render render render
32. Component Component
33. Stateful Instance Components
35. Stateless Functional Components
37. Cognito S3 IAM(Guest) React pre signed url Redux IAM(Admin) upload/download email 2FA content file react file
38. Cognito S3 IAM(Guest) React pre signed url Redux IAM(Admin) upload/download email 2FA content file react file CodePipeline GitHub
39. Result • No Server code • Infrastructure as Code • Simple Frontend architecture • User authority management
40. END