⚡️ Hotwire dev newsletter - August 2021 edition

A curated, monthly roundup of the best Turbo (Native), Stimulus, and Strada articles, code, courses, and more by Joe Masilotti.

Welcome back to the ⚡️ Hotwire dev newsletter! This edition has a lot of great tutorials along with a full-featured book on Rails development. I’m extra excited about the first two links: building a Twitter clone and HEY-inspired pop-ups.

You’ll also notice a new section, Jobs. This includes both employers looking to hire Rails devs and individuals who are looking for Rails work. If you’re on either end of the market, send me an email to get added to the next edition.

👩‍🏫👨‍🏫 Tutorials

How to build a Twitter clone with Rails and Hotwire

by Rob Race @rob__race

Rob walks through building a Twitter clone that live-updates thanks to Action Cable with no custom JavaScript. And the best part? You can get yours working in less than 10 minutes.

HEY-inspired Pop-ups Using Hotwire

by Jacob Daddario @JacobDaddario

Replicate Hey and Basecamp’s pop-up menus with a Turbo Frame and a tiny Stimulus controller. This approach works great for menus because the content is only loaded when toggled and will remain cached.

Handling modal forms with Rails, Tailwind CSS, and Hotwire

by David Colby @davidcolbyatx

Not just remotely rendered modals, but forms inside of said modals. Extends the modal controller from TailwindCSS Stimulus Components to hook into success and failure callbacks to clear errors.

Lazy load data with minimum effort

by John Kapantzakis @kapantzak

A before-and-after article showing how to lazy load content with vanilla JavaScript then converting it to a Turbo Frame. The diff? 20 lines added and 65 removed!

🏁 Getting started guides

A Brief Hello to Hotwire

by Noel Rappin @noelrap

Learn how a single Turbo Frame can add inline editing to your CRUD app – all without any custom JavaScript.

Reactive Rails: Hotwire

by Ben Vandgrift @bvandgrift

A deep dive review of Hotwire and how Flagrant integrated it into their app, step by step. Following up, Ben compares StimulusReflex to Hotwire and why you might choose one over the other.

📘 Books

Modern Front-End Development for Rails

by Noel Rappin @noelrap

A book on building rich, engaging client-side interactions with the Hotwire stack. When needed, React is covered to handle more complex features.

📱 Turbo Native

Creating an iOS Share Extension for a Turbo Rails App

by Julian Rubisch @julian_rubisch

An alternative approach to posting a JavaScript message to the server: using the native share dialog. The fun part about this post is seeing the YouTube video appear in your Rails app after sharing from the iOS client.

👩‍💻👨‍💻 Jobs

Hire Noah Zitsman

Senior principal software engineer specializing in secure backends & APIs including payments, analytics, ETL. Care.com, 24/7 Real Media, Former startup founder & CTO @ Consumr.

Hire Michael Pope

Junior Dev looking to build more than I break. Made the jump into freelance from a career in managed care operations last year. It’s been a wild ride but I wouldn’t change it for anything.

Joe Masilotti
@joemasilotti joe@masilotti.com