Hotwire Native for Rails Developers

Integrate Jetpack Compose with Hotwire Native

We’ll convert our web-based map on Android using Jetpack Compose,^[31] Android’s declarative UI framework. We’ll follow an approach similar to that used with iOS, but with a few extra configuration steps:

1. Build a Jetpack Compose screen.
2. Route the URL via path configuration.
3. Configure Google Maps with an API key.
4. Add a map to the view.
5. Fetch and parse the JSON with a model and a view model.

Before we dive in, there’s one step of cleanup. Remember how we configured Hotwire Native in MainActivity in ​Update the Activity​. On Android, we can put this Kotlin-powered configuration into a subclass of Application. This code runs when the app is launched—perfect for setting up Hotwire Native.

First, next to the ...