Two platforms, one codebase: Cross-platform React and React Native app at Sportsbet
summary
Sportsbet re-platforms web and iOS into one codebase using React + React Native, sharing roughly half the code and growing the team to ~20–30; a production responsive web site and embedded React Native iOS components power features like the multi-builder whose business logic is common. The project uses a container–presenter pattern, Redux, TypeScript, Webpack, Metro and React Navigation/Router; platform-specific escape hatches handle styling, animations and navigation. The approach scales (≈150k lines of code), required heavy tooling and onboarding, and succeeds in reducing duplicated work.
AI-written summary · about
chapters (18)
- 0:00Introduction
- 1:03Outline
- 2:10The apps
- 6:40Native iOS app
- 7:20Container presenter pattern
- 11:55Container component
- 12:27Crossplatform potential
- 17:32Styling
- 22:35Animation
- 23:41Animation on iOS
- 25:17Navigation
- 29:05Linking
- 33:29Escape Hatch
- 35:45Summary
- 38:34Build tooling
- 40:46Branching out
- 44:28Wrap up
- 45:35Questions
related talks
28mCross-Platform React
59mOne Codebase to Rule Them All - Using React Native Everywhere
50mBuilding Cross Platform Native Mobile Apps using React Native
21mBuilding Cross-Platform Component Libraries for Web and Native with React
35mReact Native & Rails, A Single Codebase for Web & Mobile
30mJesse Weigel - One Codebase to Rule Them All - Using React Native Everywhere
11mCross Platform React
16mBuilding Cross-Platform Apps with React Native + Next.js