Hotwire Native by example

A collection of focused and actionable tutorials on building Hotwire Native iOS and Android apps.

This series is still a work in progress. Send me an email with ideas for future content!

Set native screen titles

Make your Hotwire Native apps feel more native with dynamic screen titles - all from your Rails codebase.

Get rid of duplicate page titles and make your app feel more native with a Tailwind CSS custom variant.

Set up a remote path configuration to dynamically render pages as modals, helping isolate tasks and align with native UX patterns.

Automatically switch to a production server when the app is downloaded from the app stores.

Push, pop, present, dismiss screens in your app with built-in handling, the Historical Location API, and data-* attributes.

Upgrade JavaScript's alert() and confirm() dialogs with native controls and handling.

Enable Xcode and Android Studio debug logging and attach a remote browser session to inspect JavaScript running in the web view.

Use route decision handlers to open links in the in-app browser, the system browser, and more.