Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Developing, building,
testing and deploying
By @leenasn
React Native Apps
Learn once, write anywhere: Build mobile apps with
React
Cross Platform Native Apps
using Javascript
Design Principles
https://reactjs.org/contributing/design-principles.html
Composition of
components
Single Responsibility Principle
Developer Experience
Eg: Hot Reloading
Dogfooding
Who uses React Native
React Native Community
Getting started is still difficult
● Separate Build Process for iOS and Android
● Configuring Push Notifications
● Managing React Native updates
● Configurin...
Easily build and share React Native apps
Selected set of tools
How expo works - development
How expo works https://docs.expo.io/versions/latest/guides/how-expo-works.html
● No Custom Native modules
● No Background Execution
Why not Expo
Detaching to ExpoKit
Objective-C and Java library that allows you to use the Expo platform with a
native iOS/Android proje...
CRNA [Create React Native App]
https://github.com/react-community/create-react-native-app
Work with all of the Components ...
Testing
Painless Javascript Testing
● Fast feedback
● Zero Configuration
● Powerful mocking
● Built by Facebook
● Maintained by React Native Community
https:/...
Enzyme
Testing utilities
https://github.com/airbnb/enzyme/
Jest Snapshot Testing
https://facebook.github.io/jest/docs/en/snapshot-testing.html#content
Storybook
Interactive development & testing environment
https://storybook.js.org/
https://www.youtube.com/watch?v=IgicDSNkhkI
Visual Regression Testing for Storybook
https://loki.js.org/
https://www.youtube.com/watch?v=Fz2J6NDYSbI
Cross Device Testing?
Remote Access
Appium Tests
Monkeyrunner tests
Build & Deploy
Expo Publish
https://docs.expo.io/versions/latest/guides/publishing.html
https://fastlane.tools/
Other tools
Lottie - Animations using Adobe After Effects
https://github.com/airbnb/lottie-react-native/
Expo Snack https://snack.expo.io/
Detox https://github.com/wix/detox
https://applitools.com/
https://openstf.io/
Electrode Native: The Platform For Integrating React Native Into Your Apps
Summary
Expo
CRNA
[Create React Native App]
Developing
Testing
Cross Device Testing https://www.browserstack.com/test-on-the-right-mobile-devices
Testing Pyramid Just Say No to More End-to-End Tests
https://fastlane.tools/
Building and Deploying
Error monitoring
Optimise for happiness
Leena S N
@leenasn / leena.sn@multunus.com
https://medium.com/@leenasn
https://medium.com/continuousdelivery
Developing, building, testing and deploying react native apps
Developing, building, testing and deploying react native apps
Developing, building, testing and deploying react native apps
Developing, building, testing and deploying react native apps
Developing, building, testing and deploying react native apps
Developing, building, testing and deploying react native apps
Developing, building, testing and deploying react native apps
Developing, building, testing and deploying react native apps
Developing, building, testing and deploying react native apps
Developing, building, testing and deploying react native apps
Developing, building, testing and deploying react native apps
Developing, building, testing and deploying react native apps
Developing, building, testing and deploying react native apps
Developing, building, testing and deploying react native apps
Developing, building, testing and deploying react native apps
Developing, building, testing and deploying react native apps
Developing, building, testing and deploying react native apps
Developing, building, testing and deploying react native apps
Upcoming SlideShare
Loading in …5
×

of

Developing, building, testing and deploying react native apps Slide 1 Developing, building, testing and deploying react native apps Slide 2 Developing, building, testing and deploying react native apps Slide 3 Developing, building, testing and deploying react native apps Slide 4 Developing, building, testing and deploying react native apps Slide 5 Developing, building, testing and deploying react native apps Slide 6 Developing, building, testing and deploying react native apps Slide 7 Developing, building, testing and deploying react native apps Slide 8 Developing, building, testing and deploying react native apps Slide 9 Developing, building, testing and deploying react native apps Slide 10 Developing, building, testing and deploying react native apps Slide 11 Developing, building, testing and deploying react native apps Slide 12 Developing, building, testing and deploying react native apps Slide 13 Developing, building, testing and deploying react native apps Slide 14 Developing, building, testing and deploying react native apps Slide 15 Developing, building, testing and deploying react native apps Slide 16 Developing, building, testing and deploying react native apps Slide 17 Developing, building, testing and deploying react native apps Slide 18 Developing, building, testing and deploying react native apps Slide 19 Developing, building, testing and deploying react native apps Slide 20 Developing, building, testing and deploying react native apps Slide 21 Developing, building, testing and deploying react native apps Slide 22 Developing, building, testing and deploying react native apps Slide 23 Developing, building, testing and deploying react native apps Slide 24 Developing, building, testing and deploying react native apps Slide 25 Developing, building, testing and deploying react native apps Slide 26 Developing, building, testing and deploying react native apps Slide 27 Developing, building, testing and deploying react native apps Slide 28 Developing, building, testing and deploying react native apps Slide 29 Developing, building, testing and deploying react native apps Slide 30 Developing, building, testing and deploying react native apps Slide 31 Developing, building, testing and deploying react native apps Slide 32 Developing, building, testing and deploying react native apps Slide 33 Developing, building, testing and deploying react native apps Slide 34 Developing, building, testing and deploying react native apps Slide 35 Developing, building, testing and deploying react native apps Slide 36 Developing, building, testing and deploying react native apps Slide 37 Developing, building, testing and deploying react native apps Slide 38 Developing, building, testing and deploying react native apps Slide 39 Developing, building, testing and deploying react native apps Slide 40 Developing, building, testing and deploying react native apps Slide 41 Developing, building, testing and deploying react native apps Slide 42 Developing, building, testing and deploying react native apps Slide 43 Developing, building, testing and deploying react native apps Slide 44 Developing, building, testing and deploying react native apps Slide 45 Developing, building, testing and deploying react native apps Slide 46 Developing, building, testing and deploying react native apps Slide 47 Developing, building, testing and deploying react native apps Slide 48 Developing, building, testing and deploying react native apps Slide 49 Developing, building, testing and deploying react native apps Slide 50 Developing, building, testing and deploying react native apps Slide 51 Developing, building, testing and deploying react native apps Slide 52 Developing, building, testing and deploying react native apps Slide 53 Developing, building, testing and deploying react native apps Slide 54 Developing, building, testing and deploying react native apps Slide 55 Developing, building, testing and deploying react native apps Slide 56 Developing, building, testing and deploying react native apps Slide 57 Developing, building, testing and deploying react native apps Slide 58 Developing, building, testing and deploying react native apps Slide 59 Developing, building, testing and deploying react native apps Slide 60 Developing, building, testing and deploying react native apps Slide 61 Developing, building, testing and deploying react native apps Slide 62 Developing, building, testing and deploying react native apps Slide 63 Developing, building, testing and deploying react native apps Slide 64 Developing, building, testing and deploying react native apps Slide 65 Developing, building, testing and deploying react native apps Slide 66 Developing, building, testing and deploying react native apps Slide 67 Developing, building, testing and deploying react native apps Slide 68
Upcoming SlideShare
What to Upload to SlideShare
Next
Download to read offline and view in fullscreen.

3 Likes

Share

Download to read offline

Developing, building, testing and deploying react native apps

Download to read offline

React Native is gaining maturity as a cross-platform mobile app development solution. With a strong community around the ecosystem, mobile app development is all set to become simpler and enjoyable.

This talk is about various techniques and tools that are available for building, testing and deploying React Native apps for Android and iOS platforms.

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all

Developing, building, testing and deploying react native apps

  1. 1. Developing, building, testing and deploying By @leenasn React Native Apps
  2. 2. Learn once, write anywhere: Build mobile apps with React
  3. 3. Cross Platform Native Apps using Javascript
  4. 4. Design Principles https://reactjs.org/contributing/design-principles.html
  5. 5. Composition of components Single Responsibility Principle
  6. 6. Developer Experience Eg: Hot Reloading
  7. 7. Dogfooding
  8. 8. Who uses React Native
  9. 9. React Native Community
  10. 10. Getting started is still difficult
  11. 11. ● Separate Build Process for iOS and Android ● Configuring Push Notifications ● Managing React Native updates ● Configuring Instant Updates Common Issues
  12. 12. Easily build and share React Native apps
  13. 13. Selected set of tools
  14. 14. How expo works - development
  15. 15. How expo works https://docs.expo.io/versions/latest/guides/how-expo-works.html
  16. 16. ● No Custom Native modules ● No Background Execution Why not Expo
  17. 17. Detaching to ExpoKit Objective-C and Java library that allows you to use the Expo platform with a native iOS/Android project.
  18. 18. CRNA [Create React Native App] https://github.com/react-community/create-react-native-app Work with all of the Components and APIs in React Native, as well as the JavaScript APIs that the Expo provides.
  19. 19. Testing
  20. 20. Painless Javascript Testing
  21. 21. ● Fast feedback ● Zero Configuration ● Powerful mocking ● Built by Facebook ● Maintained by React Native Community https://facebook.github.io/jest/
  22. 22. Enzyme Testing utilities https://github.com/airbnb/enzyme/
  23. 23. Jest Snapshot Testing https://facebook.github.io/jest/docs/en/snapshot-testing.html#content
  24. 24. Storybook Interactive development & testing environment https://storybook.js.org/
  25. 25. https://www.youtube.com/watch?v=IgicDSNkhkI
  26. 26. Visual Regression Testing for Storybook https://loki.js.org/
  27. 27. https://www.youtube.com/watch?v=Fz2J6NDYSbI
  28. 28. Cross Device Testing?
  29. 29. Remote Access
  30. 30. Appium Tests
  31. 31. Monkeyrunner tests
  32. 32. Build & Deploy
  33. 33. Expo Publish https://docs.expo.io/versions/latest/guides/publishing.html
  34. 34. https://fastlane.tools/
  35. 35. Other tools
  36. 36. Lottie - Animations using Adobe After Effects https://github.com/airbnb/lottie-react-native/
  37. 37. Expo Snack https://snack.expo.io/
  38. 38. Detox https://github.com/wix/detox
  39. 39. https://applitools.com/
  40. 40. https://openstf.io/
  41. 41. Electrode Native: The Platform For Integrating React Native Into Your Apps
  42. 42. Summary
  43. 43. Expo CRNA [Create React Native App] Developing
  44. 44. Testing
  45. 45. Cross Device Testing https://www.browserstack.com/test-on-the-right-mobile-devices
  46. 46. Testing Pyramid Just Say No to More End-to-End Tests
  47. 47. https://fastlane.tools/ Building and Deploying
  48. 48. Error monitoring
  49. 49. Optimise for happiness
  50. 50. Leena S N @leenasn / leena.sn@multunus.com https://medium.com/@leenasn https://medium.com/continuousdelivery
  • TomXie1

    Dec. 14, 2017
  • joobn

    Oct. 18, 2017
  • namankumarsinha

    Oct. 5, 2017

React Native is gaining maturity as a cross-platform mobile app development solution. With a strong community around the ecosystem, mobile app development is all set to become simpler and enjoyable. This talk is about various techniques and tools that are available for building, testing and deploying React Native apps for Android and iOS platforms.

Views

Total views

1,241

On Slideshare

0

From embeds

0

Number of embeds

222

Actions

Downloads

24

Shares

0

Comments

0

Likes

3

×