Zero to Music Hero: Building Cross-Platform Games in Months With React Native & Skia
summary
A multiplatform music-learning game called ODS Play is built from one codebase and ships to web, iOS and Android using react-native + Skia + Reanimated to render notes directly on Skia canvases, offload animations to the UI thread, memoize note components and virtualize by viewport so thousands of notes don’t freeze the app. The result hits 60 FPS with no audible lag in rhythm tests, is open source, but setup and audio tooling remain the hardest parts.
AI-written summary · about
chapters (10)
- 0:00Introduction and goals
- 1:07Defining performance needs
- 2:23Optimizing animations
- 4:17High-performance rendering
- 6:01Rendering and memory management
- 7:58Open source and community
- 9:58Styling strategies
- 12:38UI isolation and testing
- 13:45Summary of technical approach
- 16:09Remaining challenges
related talks
36mCross-platform DS in React Native: Musixmatch’s case study
40mPushing React Native outside the comfort zone
33miOS Engineer’s Journey in the Realm of React Native
31mReact Native in 40 minutes
38mBuilding a Video Player from Scratch with React Native
23mThe State of One Codebase For All The Platforms
59mOne Codebase to Rule Them All - Using React Native Everywhere
26mReact Native: A Beginner's Journey