Illusion of Portals in React Native
summary
Claims that common React Native portals are just JS registries (context or Zustand) that mutate the React tree and break context propagation, causing remount flicker for heavy views. Presents React Native Teleport which moves placement to the native layer so native views perform reparenting and avoid unmount/remount, preserving state and continuous playback (example: Instagram‑style video scaling and Telegram‑style lifted context menus). Works across iOS Android and web, enables seamless transitions, offscreen preloading, and avoids snapshot‑based freezes of browser view transitions.
AI-written summary · about
chapters (10)
- 0:00Introduction to portals
- 1:03Portals in React Native
- 4:00Implementing portal solutions
- 6:48The illusion of portals
- 10:25Introducing React Native Teleport
- 11:46The power of view repairing
- 14:35Use cases for seamless UI
- 17:16Comparing with Web transitions
- 20:21Preloading and conclusion
- 22:03Final summary and outlook
related talks
17mA Subtle Introduction to Portals In React
31mModern React
01h 01mReact Native: A Better Way to Do Mobile
32mDeep Dive into React Portals
10mReact Native, your UX superhero
27mBuilding high quality mobile apps with React Native
29mIt all starts with navigation
25mShared Element Transition with React Native