Write Once, Route Everywhere: File System-based Navigation for Native Apps
summary
A file-system router called Expo Router maps files to URLs and generates native deep links and automatic universal links across iOS, Android, and web; it exports crawlable HTML via a new static routes flow (generateStaticParams → export + HTML) to enable Universal SEO. Metro-based web, an Expo Head API for per-route metadata, and an async routes deferred bundling model (≈3× faster first-screen startup in a medium app) are implemented and shipping in Expo SDK49.
AI-written summary · about
chapters (12)
- 0:00The evolution of mobile
- 1:23Universal link benefits
- 3:37Challenges in app linking
- 5:39Introduction to Expo Router
- 7:22Typescript and file structure
- 10:00Deep linking and search
- 12:43Static routes and SEO
- 14:54Managing app metadata
- 18:12Async routes performance
- 21:25Sunsetting webpack support
- 22:54CSS styling in native
- 26:30Future of mobile development
related talks
22mScreens & Routers — The Foundation of Navigation in React Native Apps
25mFetch Once, Render Everywhere: React Server Components in Expo Router
18mWrite once, deploy anywhere
16mBuilding Cross-Platform Apps with React Native + Next.js
24mExpo for Web
21mFetch Once, Render Everywhere: React Server Components in Expo Router
24mFull Stack React Navigation
14mLearn Once, Route Anywhere