Building for Native Mobile, Web and Server with Expo Router V3

Many businesses seek to deliver seamless experiences across iOS, Android, and the web. With React Native, you can already build mobile apps for both iOS and Android from a single codebase. Now, with Expo Router v3, you can go a step further and create web and server applications within the same project.

John Galloway is a technology consultant and co-founder of Doza Consulting. Passionate about the mobile platform, he’s been working in the mobile space for almost a decade. In his spare time, he's an aspiring classic car mechanic and a slow runner.

Special thanks to Kadi Kraman, who was the inspiration for this talk.

Transcript

1. Building for native apps, web and the server A look into expo router v3
2. Why are apps important Source: https://research.com/software/mobile-vs-desktop-usage 3% 47% 50%
3. People want native apps Source: https://www.mobiloud.com/blog/mobile-apps-vs-mobile-websites
4. Mobile web is not enough
5. People want native apps or and
6. 6 Web 🤝 Native
9. Code Sharing Wishlist - One codebase - Separate builds and deployments - Platform specific capabilities - Look and feel befitting the platform - Integration between web and native apps.
10. Let’s look at code sharing with: Expo Router V3 - with file based routing
11. Expo Router example
12. React Navigation
13. / /product Expo Router
14. Expo Router
15. React Navigation
16. Expo Router
17. What about dynamic routes?
18. /product/123 Dynamic Routing: Links
19. Dynamic Routing: Accessing IDs
20. Anything you can do in React Navigation you can do with Expo Router …plus some extra things ✨
21. Creating web specific components Same for all platforms, Web and Native, separate for each
22. Creating web specific components
23. Building navigation that works for both web and mobile
24. _layout.tsx Building navigation that works for both web and mobile
25. Building navigation that works for both web and mobile
26. Complex file-based routing app/(home)/blog/index -> /blog
27. What about platform specific routes? 🤔
28. Platform Specific Routes ❌ ✅
29. API Example Time to add some server code!
30. API Example
31. API Example
32. API Example
33. How to deploy the apps, website and API? 🚀
34. Deploying with Expo V3
35. Express Netlify Vercel Adapter Deploying with Expo V3
36. You can build for as many or as few platforms as you need to!
37. Expo dev blog
38. Questions? A look into expo v3