Week 21 - Sign in with Apple, React in Stimulus Controllers, and more!
This issue dives into enhancing Rails apps with Hotwire, covering highlights, integrations, and tutorials!
Welcome to Hotwire Weekly!
Welcome to another issue of Hotwire Weekly! Happy reading! 🚀✨
📚 Articles, Tutorials, and Videos
Adding Text Highlights and Notes in Rails with Hotwire - Nicolás Galdámez shows how to implement inline text highlighting and note-taking in a Rails app using Turbo Frames and Stimulus. Highlights are rendered with <mark> tags, and notes are attached via Turbo-powered dialogs and hoverable frames.
The Frustrations of React and the Power of Turbo - Andrew Mason and Chris Oliver discuss their frustrations with React's complexity and highlight the advantages of using Hotwire for building Rails applications.
Inertia Rails with Shadcn UI - Ken Greeff walks through adding Shadcn UI and Tailwind to an Inertia.js-based Rails app. The tutorial covers setting up React with Shadcn for customizable UI components integrating Inertia into the project for a modern full-stack setup.
Create a Markdown-Powered Textarea with Stimulus - Rails Designer demonstrates how to enhance a standard HTML <textarea> with markdown capabilities using Stimulus.
Sign in with Apple for Rails apps - Exequiel Rozas published a guide on the Avo blog on integrating "Sign in with Apple" into a Rails application.
Using React Components in Stimulus Controllers - Vitalii Elenhaupt shows how to integrate React components into a Rails app with Stimulus. React components are mounted and unmounted dynamically within Stimulus controllers without replacing the entire frontend.
How to get composite keys to play with Rails view helpers - Joël Quenneville showcases how to make custom in-memory objects with composite keys compatible with Rails view helpers by implementing the to_key method.
Opaque navigation and tab bars in Hotwire Native – iOS - Joe Masilotti explains how to prevent web content from rendering through the navigation and tab bars in Hotwire Native iOS apps.
Documenting my experience going from Rails app to iOS app with Hotwire Native - Quantum Fire documents their experience building an iOS Hotwire Native app for their existing Rails app.
Stimulus Autocomplete from scratch - APPSIMPACT Academy shows how to build a jQuery-like autocomplete feature in a Rails 8 app using Stimulus from scratch.
GoRails: Scrolling To Unread Messages - Collin Jilbert shared another part of an updated video series on GoRails where they are building a realtime chat app but using as much Hotwire as they can to do so.
🎉 Releases
stimulus_reflex v3.5.4 - Build reactive applications with the Rails tooling you already know and love.
view_component v3.23.0 - A framework for building reusable, testable & encapsulated view components in Ruby on Rails.
formulus v0.1.0 - Client-side HTML form validations based on the browser HTML Form Validation API.
current.js v0.2.2 - A tiny library that allows you to access current <meta> elements.
hot-glue v0.6.18 - Rails scaffold building companion for Hotwire.
Feel free to follow us on Twitter/X, Bluesky, Linkedin, or on Mastodon!
See you next week!