Expo Router v55: more native navigation, more powerful web
Article Summary
Jakub Tkacz and Hassan Khan from Expo just dropped a routing update that fundamentally changes how you build cross-platform navigation. No more choosing between native feel and code reuse.
Expo Router v55 introduces a complete overhaul of navigation APIs, bringing native iOS/Android UI patterns into React components while adding server-side rendering capabilities for web. The release tackles the core tension in cross-platform development: making apps feel truly native without maintaining separate codebases.
Key Takeaways
- New Stack API replaces options with declarative React components for headers and toolbars
- Native tabs now support Material Design 3 dynamic colors and iOS bottom accessories
- Experimental SSR and data loaders eliminate need for separate API routes
- Apple zoom transitions bring gesture-driven shared element animations to any Link
- Split view support extends Router to iPad and larger screen form factors
Expo Router v55 delivers native-quality navigation UI through React components while adding server rendering to unify mobile and web architectures.
About This Article
Developers had to work with different navigation APIs on each platform. Headers, search bars, and UI elements each needed their own configuration setup, and you couldn't build them directly into React component trees.
Expo Router v55 added composable React components like Stack.Header, Stack.SearchBar, and Stack.Toolbar. Developers can now declare navigation UI directly within their screen components instead of using separate configuration objects.
Developers can now style headers, add search functionality, and configure toolbars using the same React patterns they use for regular app content. Toolbars support three placement options: left, right, or bottom. This reduces the mental load and cuts down on repeated code.
