Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Accelerate your business with React Native

E86b46be0f4e61db6b28becc5493bbab?s=47 januswel
October 02, 2021

Accelerate your business with React Native

This presentation shows why using React Native accelerates business, based on a meta-analysis of reports from companies that have adopted it.
Target is not only for TechLeaders and others who adopt technologies, but also for executives and engineering managers.

E86b46be0f4e61db6b28becc5493bbab?s=128

januswel

October 02, 2021
Tweet

Transcript

  1. Takagi Kensuke 2021/10/02 Accelerate your business with React Native How

    to build a great team
  2. About me

  3. a.k.a januswel • See https://januswel.com • Engineering Manager at Classmethod,

    Inc. • My favorite AWS services: CloudFront, L@E, CF2 Takagi Kensuke
  4. Targets

  5. • People who are not sure to learn React Native

    • People responsible for technology adoption • People who are responsible for training engineers • People responsible for optimizing the development organization • Engineers • Tech Leads • Engineering Managers • VPoEs • CTOs
  6. Summary

  7. Consider React Native as the first option to succeed in

    business
  8. …Was led by meta-analysis of data from a company using

    React Native
  9. Importance of business speed

  10. VUCA

  11. By Ceci Clever from Pixabay

  12. The Stacy Matrix

  13. Complicated Simple Complex Chaotic What How unknown known clear unclear

  14. Business development processes are categorized into Complex / Chaotic

  15. Cynefin framework

  16. https://commons.wikimedia.org/wiki/File:Cyne fi n_framework_Feb_2011.jpeg

  17. High number of iterations is the main factor for Success

  18. Details of meta-analysis

  19. Targets and period

  20. • AirBnB 2018/06 • CoinBase 2021/05 • Discord 2021/06, 2018/07

    • Mercari 2021/06 • Pinterest 2018/05 • Quipper 2018/07, 2021/07 • Shopify 2020/01 • Tableau 2020/09 • UberEats 2017/05 9 companies, 2017 - 2021
  21. Research details

  22. 1.Find a blog post describing the use of React Native

    2.Extract the pros and cons from each blog post 3.Categorize the pros 4.Verify that the cons have now been resolved
  23. Acceleration factor

  24. Case 01 Improving development efficiency

  25. • Increasing code and test Iteration 66.67% • Shorter time

    to support multiple platforms 44.44% • High debugging e ff i ciency 33.33% “ The debugging tools for React Native are really powerful by Aaron Dail at Tableau “ Along with hot reloading, storybook dramatically accelerates our UI development cycle by Fanghao (Robin) Chen at Discord https://discord.com/blog/why-discord-is-sticking-with-react-native https://engineering.tableau.com/react-native-at-tableau-3-years-in-89d43c38354c
  26. Case 02 Improving ROI

  27. • High rate of code sharing across platforms 77.78% •

    Scalable web development know- how 77.78% • Increasing mobility of engineers 77.78% “ Shopify uses React extensively on the web and that know-how is now transferable to mobile by Farhan Thawar at Shopify “ Code sharing not only means implementation time can be saved, it also reduces the cognitive overhead of sharing context by Vivian Qu at Pinterest https://shopify.engineering/react-native-future-mobile-shopify https://medium.com/pinterest-engineering/supporting-react-native-at-pinterest-f8c2233f90e6
  28. Case 03 Improving product quality

  29. • Multiple platform support by a small team 44.44% •

    Immediate bug fi xes via OTA update 44.44% • High performance 44.44% “ improving engineering productivity to deploy a feature to both platforms with a single engineer by Naoya Makino at Mercari https://medium.com/mercari-engineering/why-we-decided-to-rewrite-our-ios-android-apps-from-scratch-in-react-native-9f1737558299 “ Updates are downloaded in the background and loaded once complete, avoiding user interaction by by Chris Lewis at UberEATS https://eng.uber.com/ubereats-react-native/
  30. Deceleration factor

  31. High learning costs

  32. Training is required

  33. Resolved issues

  34. • Android has poor performance • Huge app size •

    Bugs from di ff erences between JavaScriptCore and V8 • Waiting to start apps is needed • Closed development of core features • Low third-party library quality • Lack of desired features • Upgrading React Native version is too di ff i cult • Listing lots of items is bad experience • Lack of React Native support on third-party tools / services • Accessibility support is di ffi cult
  35. • Android has poor performance • Huge app size •

    Bugs from di ff erences between JavaScriptCore and V8 • Waiting to start apps is needed • Closed development of core features • Low third-party library quality • Lack of desired features • Upgrading React Native version is too di ff i cult • Listing lots of items is bad experience • Lack of React Native support on third-party tools / services • Accessibility support is di ffi cult Open discussion on GitHub Hermes Maintenance by the community Expo / unimodules React Native Upgrade Helper FlatList Major mBaaSs support now Support WAI-ARIA by React React.lazy
  36. Insights from analysis

  37. • Use in green- fi eld • Provide training and

    skills transfer opportunities for engineers • Web -> platform • platform -> Web • Consider requirements from stakeholders • Executives, team members • More options depending on capital strength and percentage of investment in engineering • React Native -> platform native • Preferences of decision makers is main factor • A transition in either direction would be a very large investment
  38. Summary

  39. Consider React Native as the first option to succeed in

    business
  40. Appendix

  41. Is React Native Φϫίϯ - outdated content?

  42. YES

  43. Gartner hype cycle

  44. https://commons.wikimedia.org/wiki/File:Gartner_Hype_Cycle.svg

  45. https://commons.wikimedia.org/wiki/File:Gartner_Hype_Cycle.svg React Native

  46. Content is something to be consumed

  47. And, Consuming is inflated expectations

  48. https://commons.wikimedia.org/wiki/File:Gartner_Hype_Cycle.svg Content

  49. https://commons.wikimedia.org/wiki/File:Gartner_Hype_Cycle.svg Outdated content

  50. React Native is a stable tool now, not a content