Hotwire Native - Rails World 2024 (Lightning talk) - Yaroslav Shmarov

You will learn:
What is Hotwire Native?
How is Hotwire Native different from Turbo Native and Strada?
How to prepare your Rails app to work as a Hotwire Native application? (Core topic of the talk)

Transcript

1. Yaroslav Shmarov, 27.09.2024 Turbo Native: turn any Rails app into a mobile (iOS/Android) app Learn to make your Rails app Turbo Native & App Store compatible
2. Yaroslav Shmarov, 27.09.2024 Turbo Native: turn any Rails app into a mobile (iOS/Android) app Learn to make your Rails app Turbo Native & App Store compatible
10. 😻🥳
17. + =
22. Prepare your Rails app for Hotwire Native
23. START WITH RESPONSIVE LAYOUT DESIGN
28. <navbar> <main> <footer>
29. BEFORE BUILDING A MOBILE APP, MAKE YOUR WEB APP LOOK 🆗 ON MOBILE
30. twitter linkedin myApp myApp
31. Conditional Web vs Mobile logic
32. Conditional Web vs Mobile logic
33. Disable Turbo navigation 👎😖
34. Disable Turbo navigation ✅🤷
35. Turbo Confirm works ✅
36. Web Authentication works ✅ Devise works too
37. Conditionally stack navigation on mobile Advance Replace
38. Open in new tab? only on Web!
39. App review • Display billing-related logic only on Web (“enterprise services”) • Disable sign-ups on mobile (“reader app”) • Fight!!!
40. Future 💡 Boilerplates 💡 Strada Bridge components library