Build a TikTok style feed with Mux and React Native
Learn how to build a smooth, high-performance vertical video feed in React Native. In this video, we walk through the key challenges behind TikTok-style scrolling experiences, including component mounting, playback control, preloading, and performance optimization.
Read the full post: https://www.mux.com/blog/slop-social
Resources:
Mux docs: https://www.mux.com/docs
Connect with Mux (video apis):
Website: https://www.mux.com/
Twitter: / muxhq
Chapters
0:00 - Challenges of Building Vertical Video Feeds
0:24 - Introduction to Slop Social Demo
1:00 - The Three Core Systems
1:15 - Using Flashlist for Efficient Scrolling
1:57 - Implementing Directional Preloading
2:38 - Playback Control and Performance Optimization
3:37 - Conclusion and Resources