Build Cloud-Connected Apps in React Native for iOS & Android.pdf

  • View
    296

  • Download
    0

Embed Size (px)

Text of Build Cloud-Connected Apps in React Native for iOS & Android.pdf

  1. 1. 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved. Adrian Hall Sr. Developer Advocate, AWS Mobile Building React Native Apps With AWS
  2. 2. 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 50% 34% 9% 7% Mobile App Desktop Mobile Web Tablet App Digital Media Time Spent on devices comScore Media Metrix Multi-Platform & Mobile Metrix, U.S., Total Audience, June 2017
  3. 3. 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved. Developing Mobile Apps: Options Native Apps Cross-Platform Native Apps Hybrid Web Apps Hosted Web Apps
  4. 4. 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved. Why React Native? Compiles to a Native App Full access to Native APIs Leverage React & JavaScript Not quite React No DOM Rapidly changing ecosystem UI differences between iOS and Android
  5. 5. 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved. AWS Resources you can use
  6. 6. 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved. AWS Resources you need Analytics Identity Device Testing NoSQL Database File Storage Serverless Compute API Gateway Chat Bots Text to Speech Machine Learning For Images Video Distribution Major Use-case Specific Essential
  7. 7. 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved. AWS Resources you need Amazon Pinpoint Amazon Cognito AWS Device Farm Amazon DynamoDB Amazon S3 AWS Lambda Amazon API Gateway Amazon Lex Amazon Polly Amazon Rekognition Amazon Cloudfront Major Use-case Specific Essential
  8. 8. 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved. Flux Architecture React View Action StoreDispatcher
  9. 9. 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved. Data Flow Architecture for Cloud Action Dispatcher Store View AsyncStorage Cloud SyncHydrate
  10. 10. 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved. Tools for dealing with state On Device Flux Pattern Libraries Redux MobX Storage Libraries ASyncStorage Realm Accessing the Cloud React Native Starter Kit HOCs for Common Operations AWS Resources AWS Mobile Hub Amazon DynamoDB
  11. 11. 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved. Introducing AWS React Native Starter Kit Complete Serverless React Native Project Library of AWS Controls Identity & Authentication Data Storage Custom API Implemented as Higher Order Components (HOCs) https://github.com/awslabs/aws-mobile-react-native-starter
  12. 12. 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved. Demonstration Building a React Native app and adding AWS Resources to it
  13. 13. 2017, Amazon Web Services, Inc. or its Affiliates. All rights reserved. Where to get more information React Native Resources: https://facebook.github.io/react-native/ MobX and Redux http://redux.js.org/ https://mobx.js.org/ React Native on AWS: https://github.com/awslabs/aws-mobile-react-native-starter