Week 17 - Dark Mode with Tailwind/Stimulus, Animating Data Filtering, and more!
Latest articles, tutorials, videos, libraries, tools, and releases in the Hotwire ecosystem.
Welcome to Hotwire Weekly!
Welcome to the another issue of Hotwire Weekly! This edition covers the latest Hotwire articles and releases.
Happy reading! 🚀✨
📚 Articles, Tutorials, and Videos
Turbo & Progressive Enhancement - Dom Christie wrote an article about Progressive enhancements and Turbo. The article emphasizes on building web applications that function without JavaScript by using Turbo for progressive enhancement. It's illustrating how this approach can lead to simpler and more adaptable code.
Turbo Native & Strada: Turning a web-only Rails app native! - Kevin Liebholz gave a presentation about Turbo Native and Strada at the Ruby Meetup Frankfurt in April. The recording is now available on YouTube.
Dark Mode for Rails with Tailwind and Stimulus - Cody Norman published a video where he implements a dark mode for Rails using Tailwind and Stimulus. There's also an article version available on his blog.
Rails UI Update - Refreshed Developer UX + new Retriever theme - Andy Leverenz published an update video for Rails UI. He also showcased a new "Retriever" theme. Check out the GitHub repo and the website if you are interested in UI components built for modern Rails apps.
SPA-Like Navigation Preserving Web Component State - Aral Roca published a new article in his series "HTML streaming". He also published a previous blog post titled "HTML Streaming Over the Wire: A Deep Dive". His articles explain how the techniques (also similarly used in Turbo) work without talking about one specific backend-framework by re-implementing them in a minimal setup.
Animate Filtering Data in Turbo - John Beatty wrote an article about animating the changing data in a table after filtering it using Turbo.
Fly.io ❤️ Kamal - Sam Ruby wrote an article on the Fly.io Ruby Dispatch and discusses the deployment and production enhancements in Rails 8, focusing on the Kamal tool.
Hotwire Club Challenge: Stimulus - Progressive Image Loading with Blurhash - Julian Rubisch published a new challenge for The Hotwire Club about implementing progressive image loading using Blurhash.
🧰 Libraries and Tools
HostedGPT 0.6: self-hosted ChatGPT rebuild using Rails and Hotwire - HostedCPT is a free, and open-source ChatCPT alternative built using the latest Ruby on Rails and Hotwire features. Check out the GitHub repo and the short tutorial to host your own instance.
nokogiri-html5-inference - Given HTML5 input, make a reasonable guess to parse it as a fragment or a document.
🎉 Releases
futurism v1.4.1 - Lazy-load Rails partials via CableReady.
hotwire_combobox v0.2.3 - An autocomplete combobox implementation for apps using Hotwire.
stimulus-parser v0.1.5 and v0.1.6 - Statically analyze Stimulus controllers in your project.
proscenium v0.15.0.beta.6 - Modern client-side development for Rails.
tailwindcss-rails v2.5.0 and v2.4.1 - TailwindCSS for Rails.
litecable v0.8.2 - Lightweight Action Cable implementation.
shadcn-ui v0.0.13 - Shadcn on Rails provides customizable components that you can copy and paste into your apps.
turbo-confirm v2.0.2 - Add custom confirmation dialog support to Rails 7 apps.
Feel free to follow us on Twitter/X or on Mastodon!
See you next week!