Week 34 - Hotwire with Django, Stimulus Social Share Button, and more!
This edition of Hotwire Weekly covers integrating Hotwire with Django, designing accordion settings panels, creating social share buttons, using Turbo Stream, and updates on Rails UI v3.
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
Combining Hotwire with Django to Ship your SaaS Faster - This article by Michael Yin (the maintainer of the Turbo helpers for Django) explores integrating Hotwire with Django. He's looking to add real-time, dynamic features to Django apps without heavy JavaScript. It provides practical examples and insights on how to implement this modern frontend approach within a Django environment.
Designing Accordion Settings Panels with Tailwind CSS, Stimulus and Rails - Brian Casel's video demonstrates how to design accordion-style settings panels using Tailwind CSS, Stimulus, and Rails. He organizes settings into collapsible sub-sections with customizable icons, titles, and descriptions. He showcases this approach on his website ripple.fm.
Social Share Button with Stimulus - Yaroslav Shmarov published a video and blog post and explains how to create a social share button in Rails using Stimulus and the Web Share API. This might come in handy, especially when you are building a mobile app using Turbo Native.
How to use Turbo Stream Actions and Templates - The video by Learnetto teaches how to use Turbo Stream actions and templates in Rails to add user reviews to a product page. It covers creating a Review model, enabling logged-in users to post reviews, and using Turbo Streams to instantly update the reviews list without reloading the page.
Iterating On Our Calendar UI - "Current Time" Marker - Adam McCrea's shows improvements to the "current time" marker, building on top of his previous video where he used Turbo Frames, Phlex, and Alpine.js to build a Calendar UI in Rails.
Rails UI v3 - Andy Leverenz announced that Rails UI v3 is underway and is getting closer to the finish line. He highlighted the new features in a thread. The update promises significant enhancements, bringing fresh design and functionality improvements to the Rails UI toolkit.
🧰 Libraries and Tools
hotwire-dev-tools - Browser Dev Tools for Turbo and Stimulus. Available for Firefox, Chrome, and Safari.
anycable - Scalable, ActionCable-compatible WebSocket server.
🎉 Releases
rails v7.2.1 - A Ruby web-application framework.
relative-time-element v4.4.3 - Web component extensions to the standard element.
Feel free to follow us on Twitter/X or on Mastodon!
See you next week!