August 25, 2024
This version of Hotwire Weekly covers integrating Hotwire with Django, designing accordion settings panels, creating social share buttons, utilizing Turbo Stream, and updates on Rails UI v3.
Welcome to Hotwire Weekly!
Welcome to the one other difficulty of Hotwire Weekly! This version covers the newest Hotwire articles and movies.
Glad studying! 🚀✨
📚 Articles, Tutorials, and Movies
Combining Hotwire with Django to Ship your SaaS Quicker – This text by Michael Yin (the maintainer of the Turbo helpers for Django) explores integrating Hotwire with Django. He is trying so as to add real-time, dynamic options to Django apps with out heavy JavaScript. It offers sensible examples and insights on find out how to implement this contemporary frontend method inside a Django atmosphere.
Designing Accordion Settings Panels with Tailwind CSS, Stimulus and Rails – Brian Casel‘s video demonstrates find out how to design accordion-style settings panels utilizing Tailwind CSS, Stimulus, and Rails. He organizes settings into collapsible sub-sections with customizable icons, titles, and descriptions. He showcases this method on his web site ripple.fm.
Social Share Button with Stimulus – Yaroslav Shmarov printed a video and weblog publish and explains find out how to create a social share button in Rails utilizing Stimulus and the Internet Share API. This would possibly turn out to be useful, particularly if you find yourself constructing a cell app utilizing Turbo Native.
How you can use Turbo Stream Actions and Templates – The video by Learnetto teaches find out how to use Turbo Stream actions and templates in Rails so as to add person opinions to a product web page. It covers making a Assessment mannequin, enabling logged-in customers to publish opinions, and utilizing Turbo Streams to immediately replace the opinions checklist with out reloading the web page.
Iterating On Our Calendar UI – “Present Time” Marker – Adam McCrea‘s reveals enhancements to the “present time” marker, constructing on high of his earlier video the place he used Turbo Frames, Phlex, and Alpine.js to construct a Calendar UI in Rails.
Rails UI v3 – Andy Leverenz introduced that Rails UI v3 is underway and is getting nearer to the end line. He highlighted the brand new options in a thread. The replace guarantees important enhancements, bringing recent design and performance enhancements to the Rails UI toolkit.
🧰 Libraries and Instruments
hotwire-dev-tools – Browser Dev Instruments for Turbo and Stimulus. Obtainable 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 – Internet element extensions to the usual ingredient.
Be at liberty to observe us on Twitter/X or on Mastodon!
See you subsequent week!
