Week 07 - Hotwire Native Cameras, OfferLab's Success, and more!
This edition covers tips on integrating camera access, electronic signatures, and more in Hotwire Native apps!
Welcome to Hotwire Weekly!
Welcome to another issue of Hotwire Weekly! Happy reading! 🚀✨
📚 Articles, Tutorials, and Videos
📚 Articles
Camera Access With Hotwire Native - Leon Vogt provides a guide on integrating inline camera functionality into Hotwire Native applications. He details the process for both web and native platforms, including setting up camera access using Stimulus on the web, configuring WKWebView for iOS with appropriate permissions, and implementing WebView for Android.
Electronic Signatures with Rails - Jeremy Smith presents a method for integrating electronic signatures into Rails applications using Stimulus, Active Storage, and the Signature Pad library.
Hide Scrollbars While Keeping Scrolling Intact - Victor Cobos on the DotRuby blog discusses techniques to conceal scrollbars in web applications without disabling scrolling functionality. He provides CSS solutions and demonstrates how to implement this using Tailwind CSS by defining custom utilities.
How to Send Requests from Stimulus Controllers - Rails Designer has published an article exploring methods to perform GET and POST HTTP requests directly from Stimulus controllers in Rails applications.
Is your Action Cable connection secure when using Turbo? - Ayush Newatia explores how Turbo Streams interact with Action Cable in Rails applications and highlights the importance of properly handling authentication and authorization for WebSocket connections.
Upgrading a Rails App to Tailwind v4 - Jeremy Smith shares his experience updating a Rails application from Tailwind CSS v3 to v4. He highlights key considerations, such as the deprecation of JavaScript configuration files, the introduction of new default styles, and the necessity of using the official upgrade tool to handle class removals and renames.
🎙️ Podcasts
The Ruby on Rails Podcast: Hotwire Native with Joe Masilotti - Joe Masilotti joins Elise Shaffer on the The Ruby on Rails Podcast to talk about building mobile apps for both iOS and Android out of a Rails app using Hotwire Native. Also, check out his Hotwire Native book if you haven't yet.
📺 Videos/Courses
Create Mobile Applications Using Symfony and Hotwire Native - Ouifork introduces Hotwire Native to Symfony developers, demonstrating how to transform a standard Symfony web application into a fully functional iOS app. The tutorial walks through setting up an Xcode project, integrating Hotwire Native iOS, and configuring the app to load a Symfony backend.
"Saving Ruby on Rails with my free UI kit – Nitro Kit for Ruby on Rails" - Mikkel Malmberg introduces Nitro Kit in a new video. It's a UI component library designed to provide a Rails-like approach to front-end development. Aimed at Rails developers who prefer simplicity and convention over complexity, Nitro Kit offers ready-to-use UI components that integrate seamlessly with Rails.
Hotwire Native Android with Jumpstart Pro Android - Donn Felker has published all videos in his Hotwire Native Android with Jumpstart Pro Android video course on YouTube. It covers everything from setting up your development environment to building a release for the Play Store.
🚀 Success Stories with Hotwire: OfferLab
"It took us just 5 months to build it [...]" - Michael Koper and his team recently launched Offerlab. A new platform, built on Ruby on Rails and powered by Hotwire, designed to simplify selling online by seamlessly integrating with existing webshops and shipping partners.
They built the app in just five months with a small team (~6 developers and 1 designer). I think OfferLab is a testament to the power of the Hotwire approach and demonstrates what it enables small teams to build and ship.
Michael describes Hotwire as a game-changer and highlighted how Turbo powered many complex interactions with very little custom JavaScript, making the development process faster and more efficient.
Working on this also made me realize how powerful Hotwire/Turbo is. There are so many interactions and with little javascript.
If you're curious, check out their launch video for a closer look at how they made "selling fun and easy again"!
🧰 Libraries and Tools
fixi.js - fixi.js is an experimental, minimalist implementation of generalized hypermedia controls.
🎉 Releases
anycable v1.6.0-rc.3 - A realtime server for two-way reliable communication over WebSockets and SSE..
anycable-rails v1.6.0.rc.2 - AnyCable integration for Rails.
phlex v2.0.0 - A view framework for build Views in pure Ruby.
phlex-rails v2.0.0 - Phlex integration for Rails.
tailwindcss-ruby v4.0.6 - A self-contained tailwindcss executable, wrapped up in a ruby gem
css-zero v1.1.0 - An opinionated CSS starter kit for your "nobuild" application
nitro_kit v0.4.0 - v0.5.2 - A good-to-go UI kit for Ruby on Rails.
proscenium v0.19.0.beta6 - Modern client-side development for Rails.
Feel free to follow us on Twitter/X, Bluesky, Linkedin, or on Mastodon!
See you next week!