Welcome to Hotwire Weekly!

Welcome to another, issue of Hotwire Weekly! Happy reading! 🚀✨

📚 Articles, Tutorials, and Videos

Vanilla CSS is all you need - Rob Zolkos makes the case for skipping heavy CSS frameworks and leaning on modern, plain CSS instead, with examples from Fizzy.

DriftingRuby: Cool Things in Fizzy - David Kimura published a new episode that highlights neat Ruby- and Rails-related tricks in Fizzy. It walks through features and patterns, showing how you can use it to clean up code and improve maintainability in Rails apps.

37 Signals Fizzy Kanban board - Similarly, Brad Gessler shared a video-walkthrough of the Fizzy source code.

Instant Drag&Drop in Fizzy - Jorge Manrubia shared how he approached building drag&drop that optimistiaclly updates on the client-side using Turbo. Take a look at the pull request.

Brand New Layouts with CSS Subgrid - Josh Comeau published a deep dive into subgrid, with practical layout examples that are perfect for cleaning up complex Rails/Hotwire views without extra wrapper divs or JavaScript.

Building optimistic UI in Rails - Rails Designer shows how to build reusable UI components using native Web Components (custom HTML elements), letting you encapsulate markup, behavior, and styling without heavy JavaScript frameworks.

Affordances: The Missing Layer in Frontend Architecture - Stephen Margheim explores the concept of affordances in UI design: visual or interaction cues that tell users what is possible (e.g. a button that looks pressable, a card that looks tappable).

🧰 Libraries and Tools

Fizzy - New source available Kanban tracking tool by 37signals built using Turbo and Stimulus.

🎉 Releases

lexxy v0.1.23-beta - A modern rich text editor for Rails.

herb v0.8.4 - Powerful and seamless HTML-aware ERB parsing and tooling.

reactionview v0.2.0 - A new ActionView-compatible ERB engine with modern DX - re-imagined with Herb.

Feel free to follow us on Twitter/X, Bluesky, Linkedin, or on Mastodon!

See you next week!