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

Accelerate your business with React Native

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.

januswel

October 02, 2021
Tweet

More Decks by januswel

Other Decks in Programming

Transcript

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

    Inc. • My favorite AWS services: CloudFront, L@E, CF2 Takagi Kensuke
  2. • 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
  3. • 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
  4. 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
  5. • 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
  6. • 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
  7. • 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/
  8. • 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
  9. • 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
  10. • 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
  11. YES