Pro Yearly is on sale from $80 to $50! »

AWS Amplify SDK and Stateless Functional Components

AWS Amplify SDK and Stateless Functional Components

TechDo #13

2c58367194cdc9bb97f8e0fd5b20b511?s=128

kent-hamaguchi

March 08, 2019
Tweet

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

  8. None
  9. None
  10. None
  11. None
  12. CustomResource Python YAML

  13. Qiita cite: https://qiita.com/kai_kou/items/f56bb13a5d47e e05d766

  14. CloudFormation S3

  15. None
  16. AWS Amplify SDK

  17. Cognito S3 IAM React pre signed url

  18. None
  19. None
  20. None
  21. None
  22. Promise

  23. None
  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

  34. None
  35. Stateless Functional Components

  36. None
  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