I’ve been learning Hotwire Native recently through Joe Masilotti’s Hotwire Native for Rails Developers book, while also continuing to learn Rails. The code examples in this post are from the book. It’s been really interesting to see how both come together. The biggest benefit with Hotwire Native is that all the business logic stays on the Rails server. That means you don’t have to rebuild the same logic separately for iOS and Android apps and everything runs through the same backend, which feels clean and efficient.
Even things like modal (a screen or window that pops up on top of the current view) presentation can be configured through Rails. After adding a route in routes.rb, you can set up a controller that returns JSON for the app to read. For example:
This tells the app that any URL path ending in /new or /edit should open as a modal. The nice part is that you can change this behavior from the server side later without having to release a new version of the mobile app.
For some reason, I was expecting the Rails code to be more complicated if it needs to handle both the mobile and the web apps, but luckily it wasn't so difficult, at least for the basic tasks. For example:
It is pretty easy to understand just from the code what this does and you might already guess that the example project in the book is to create an app for hikers.
Another neat thing I found was enabling the pull to refresh was really easy and made the app feel a lot more native. It is something I personally use every day on my phone so actually creating something like that myself feels really motivating.
Of course, it shouldn't be used everywhere, so it is good to know how (and when) to disable it too, like in the context of modals.
This was just a brief write-up about my first impressions of Hotwire Native, but I'm really enjoying it and excited to learn more! I’ll be making more small posts about my learning journey soon(ish).