Going Native: Reusing Code

on YouTube ↗09m

" summary

Company Hive moves a React web app into React Native for smart‑home apps and finds UI components are largely unreusable so the UI is rebuilt natively, while Redux sagas and translations stay shared in a common folder. SVGs are wrapped as React components and mapped per platform. Styling uses styled-components to share CSS-like rules. Hardware work (Bluetooth, push) uses native SDKs but total custom native code is 2–3 lines of native code beyond library glue.

AI-written summary · about

" chapters (9)

1. 0:00Intro
2. 0:37Components
3. 1:45Native vs Web
4. 2:41Logic Component
5. 3:26SVG Components
6. 4:36Styling
7. 5:40Business Logic
8. 6:18Hardware Integration
9. 7:31Reusing Components

" related talks

• 25mGoing NativeAnna Doubkova · ReactiveConf 2018
• 28mCross-Platform ReactAnna Doubkova · ReactNext 2019
• 47mReact Native code reuse: Architecture that worksAaron Greenwald · Mobile Era 2017
• 01h 01mReact Native: A Better Way to Do MobileBrent Vatne · Philly ETE 2016
• 39mReact Native - Unleash the power of React in your deviceEduard Tomàs · Codemotion Amsterdam 2016
• 07mFrom Native to React NativeGreg Ryzhov · React Day Berlin 2019
• 41mReact Native - A native love storyEnes Kaya · code.talks 2017
• 01h 13mMigrating to React Native: A long-term retrospectiveAsh Furrow · Mobius 2020 Piter