How to build a complete, real-world application from scratch with Ruby on Rails step by step.
A lot of Ruby code is "magic". We'll explain the magic and see how it works using the powerful tools Ruby gives us.
Accept subscription and one-time payments with Stripe in your Rails apps
Expert advice on keeping Rails apps organized and fast.
Cheap, easy hosting for Ruby and Rails apps.
Launch your product business way faster with our SaaS template.
A weekly podcast on web development and building products with Ruby, Rails, Javascript, and more.
Build a Ruby on Rails app in 48 hours with us.
Help Junior developers get hired by sharing small projects to build their resume with paid work.
Find your next Ruby on Rails Job.
Need to dynamically update fields when a user changes a select box? We can do that easily in Rails using Hotwire's Turbo Stream actions.
In part 1, we're going to setup our Rails application, our models, and connect Hotwire so we can dig into building ActionMailbox next.
In this episode, we will look at an approach to adding the ability to delete / remove the nested fields from our form.
Learn how to build custom Turbo Stream Actions to build things like browser notifications, console logging, or anything you want. Plus, we'll look at how Turbo implements this in their GitHub codebase.
Our most popular episode is the Liking Posts episode, so we're revising it and taking advantage of Hotwire to implement the same feature with no custom Javascript
Hotwire is the NEW MAGIC that DHH has been teasing about for so long. This episode we'll build the famous Twitter clone using Hotwire to see how it compares to other solutions out there.
Ever wanted to build Datatables into your Rails app? You can using Hotwire using Turbo Frames without any custom Javascript.
Modal forms are common, but how do we do them with Hotwire to render validation errors and redirect on success?
Hotwire's Turbo library intercepts forms automatically so Devise needs a few tweaks to work with it. Learn how to do that in this screencast!
Hotwire & Turbo.js are designed to make realtime updates to your page. So how do you notify the user with flash messages or toasts? That's what we're covering in this episode.
Upgrading from Turbolinks to Hotwire is actually pretty simple now that Turbo handles error responses
Hotwire lets us broadcast changes so we can use the same approach for nested comments, but in realtime!
Hotwire allows us to add inline editing easily in Rails forms using Turbo Frames. Learn how to implement them in a reusable manner so you can inline edit any fields across any model.
Turbo now provides equivalents to Rails UJS data confirm, disable with, and method attributes that we can use.
Learn how to use Stimulus Target Callbacks to trigger realtime Chart updates
Web Components are a great way to encapsulate Javascript logic around an element in your HTML. We'll explore how to create Custom Elements and see how Hotwire uses them for Turbo Stream actions.
In this episode, we will look at how to refactor an existing dynamic nested attributes form that uses Stimulus to instead leverage the ability to now make GET requests with Turbo.
Overriding the Confirm method in Turbolinks and Hotwire has been pretty tricky until now. Using promises, Turbo can now wait until the user has submitted the confirm modal.
Refactoring a Javascript countdown timer into a reusable Stimulus controller gives a look at the flexibility we can achieve by taking advantage of the Stimulus Values API and customizing the default values.
Learn how to auto-submit forms when a user changes a value and use custom Turbo Stream Actions to update the page
Join 82,584+ developers who get early access to new tutorials, screencasts, articles, and more.
We care about the protection of your data. Read our Privacy Policy.