Pushing React Native outside the comfort zone
summary
Builds a cross‑platform music player that streams and mixes five simultaneous audio tracks, renders remote SVG scores in a WebView via a serverless lambda, and synchronizes note positions to audio. Replaces JS-driven updates with a custom native UI component modeled on ScrollView, uses Animated.event and the native driver to offload animations, implements dragging and a seekTo API with a pragmatic 1.5s sync delay, and delivers noticeably better performance and maintainability.
AI-written summary · about
chapters (12)
- 0:00Start
- 1:34getDerivedStateFromProps()
- 13:43Drawbacks
- 17:53Benefits
- 18:54Player demo
- 22:49Negotiation
- 23:40Touch release
- 28:20Time progress demo
- 29:40Slide start
- 29:57Slide move
- 34:41Progress bar seeking demo
- 36:12Takeaways
related talks
38mBuilding a Video Player from Scratch with React Native
18mZero to Music Hero: Building Cross-Platform Games in Months With React Native & Skia
28mThe Power of Interpolation
01h 01mReact Native: A Better Way to Do Mobile
36mCross-platform DS in React Native: Musixmatch’s case study
20mA 4-Year Retrospective : Lessons Learned from Building a Video Player from Scratch with React Native
31mRewriting a Large Hybrid App with React Native
32mGoing Over The Speed Limit Synchronous Rendering in React Native