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.

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