Week 32 - CTOs choose Hotwire, Image Upload Preview, and more!
Stay updated with Hotwire's latest articles, tutorials, and tools, including insights on Hotwire and Ruby on Rails adoption, calendar UI building, Turbo Native, and more!
Welcome to Hotwire Weekly!
Welcome to the another issue of Hotwire Weekly! This edition covers the latest Hotwire articles and videos.
Happy reading! 🚀✨
📚 Articles, Tutorials, and Videos
Preview an Image Before Upload with Stimulus - Rails Designer wrote a step-by-step guide on implementing image previews in your Rails applications using Stimulus. The tutorial covers uploading images, handling file inputs, and dynamically displaying previews without needing additional JavaScript libraries.
Why CTOs are choosing Hotwire and Ruby on Rails - Kelly Gebo shares insights on the thoughtbot blog from the CTO of Clara on the strategic thinking behind adopting Hotwire with Ruby on Rails. The article explores how this approach benefits the development of responsive, high-performance applications by minimizing JavaScript while leveraging the power of Rails.
How I Built It: Calendar UI with Turbo Frames, Tailwind, and Alpine.js - Adam McCrea shares how he built a dynamic calendar interface using Turbo and Alpine.js. He breaks down the component structure, CRUD operations, hover effects, and a smooth highlight fade effect - all with minimal app-specific JavaScript.
Navigating Turbo Native: Where to start - Yaroslav Shmarov published a collection of resources and tutorials to guide developers in the right direction when getting started with Turbo Native applications. The list offers a pathway for anyone looking to build their own Turbo Native app.
Video: Turbo Morph Gotcha - Pascal Laliberté published a video in which he talks about a subtle issue with Turbo's Morph where triggering two Turbo requests simultaneously can cause a morph to be denied if no visible changes occur on the page.
Better Stimulus: Dependency Inversion Principle - Julian Rubisch explores the Dependency Inversion Principle, a key aspect of SOLID design, and how to apply it within your Stimulus controllers. The article guides you on structuring your code to depend on abstractions rather than concrete implementations, promoting flexibility and ease of maintenance.
Talk Recording: Building for web and mobile in 2024: Production story and a brighter future with Rails 8 - Hana Harencarova shares insights from building an app for both web and mobile in 2024. The talk covers the architecture that enables easy feature releases, push notifications, and more. She also discusses how Rails 8 is going to simplify the process in the future.
Talk accounement: Developer Tooling For The Modern Rails & Hotwire Era - Marco Roth is going to talk about developer tooling for Hotwire and Rails at Rocky Mountain Ruby. The conference is scheduled for October 7th and 8th in Boulder, CO. Early bird tickets are available until August 15.
🧰 Libraries and Tools
railsui-stimulus - An ever-growing collection of Stimulus.js components built with Tailwind CSS.
anycable-pubsub-nextjs - AnyCable / Next.js minimal example.
🎉 Releases
rails v7.2.0 - Rails 7.2: Better production defaults, Dev containers, new guides design, and more!
@anycable/core v0.9.1 - AnyCable JavaScript client library core functionality.
inertia_rails-contrib v0.2.0 and v0.2.1 - A collection of extensions, developer tools, and the community documentation for Inertia's Rails adapter.
hot-glue v0.6.4 - Simple, plug & play Rails scaffold building companion for Turbo-Rails and Hotwire.
tailwindcss-rails v2.7.0, v2.7.1 and v2.7.2- Integrate Tailwind CSS with the asset pipeline in Rails.
Feel free to follow us on Twitter/X or on Mastodon!
See you next week!