Sharing logic & state between universal web and mobile apps

on YouTube ↗28m

" summary

Argues for sharing business logic and client state between web and mobile by packaging hooks and API adapters into a monorepo and running session-like state on the edge. Demo uses a shared useSearch hook and context across Expo (mobile) and Next (web), a type-safe worker-functions SDK that calls Cloudflare Workers + D1, and a turbo repo/NX layout. Clearing search history persists to the edge and appears synced on reload; websockets are proposed for real-time updates.

AI-written summary · about

" chapters (8)

1. 0:00Introduction and visa story
2. 3:50Universal apps and React Native
3. 6:12Sharing business logic and config
4. 8:58API layers and adapters
5. 10:24App state and context
6. 12:29Demo sharing logic
7. 16:01Demo syncing state with edge
8. 26:39Recap and closing

" related talks

• 34mMonorepo: React Web & React NativeEugene Zharkov | ReactConfAM19 · React Conf Armenia 2019
• 16mBuilding Cross-Platform Apps with React Native + Next.jsFernando Rojo · App.js Conf 2022
• 19mMicro app architecture with expoJacob Arvidsson · App.js Conf 2024
• 28mCross-Platform ReactAnna Doubkova · ReactNext 2019
• 24mExpo for WebEvan Bacon · ReactiveConf 2019
• 31mDecoupled, Not Disconnected: State and Sync in Micro-FrontendsAmira Shawky · reactjsday 2025
• 35mExpo: Universal ReactEvan Bacon · ReactEurope 2020
• 29mUniversal ReactMike Grabowski · React Amsterdam 2017