React Native: From pure Web app to a Web & Mobile hybrid

on YouTube ↗27m

" summary

A production React web site becomes a hybrid repo: a mono-repo with web UI, native UI and a shared Redux core (store, actions, reducers, selectors). The mobile app for farmers is built by reusing logic, swapping UI into React Native components like Image, TouchableOpacity and ScrollView, and it hits smooth 60fps. API field renames get fixed in one selector change that updates web and mobile at once. A small custom animation helper replaces 40–50 lines of Animated boilerplate.

AI-written summary · about

" chapters (4)

1. 0:00Start
2. 1:12BORING PART INTERESTING PART
3. 1:22REAL-LIFE EXAMPLE
4. 3:32SETUP

" related talks

• 28mCross-Platform ReactAnna Doubkova · ReactNext 2019
• 46mReact Native for Web Panel DiscussionReact Nexus 2023
• 38mThink Your React Native App Can’t Run on the Web? Think Again!Nicola Zaghini · reactjsday 2024
• 35mMigration Web (Angular) to Mobile Development (React Native)Artem Paliy · VinnytsiaJS 2018
• 28mWait, you’re shipping React Native to the web?!Taz Singh · Chain React 2023
• 34mMonorepo: React Web & React NativeEugene Zharkov | ReactConfAM19 · React Conf Armenia 2019
• 25mWeb & Mobile Convergence @UnivisionCamilo Quimbayo · JSConfCO 2018
• 25mUniversal React Applications with ReduxBradley Spaulding · JSConf US 2018