erb javascript 15 lines · 3 tabs

Custom Turbo Stream action: reset a form after success

Henry Kim Jan 2026

3 tabs

<%= turbo_stream.prepend 'items' do %>
  <%= render @item %>
<% end %>

<turbo-stream action="reset_form" target="new_item_form"></turbo-stream>

import { Turbo } from "@hotwired/turbo-rails"

Turbo.StreamActions.reset_form = function () {
  const form = this.targetElement
  if (form?.tagName === "FORM") form.reset()
}

<%= form_with model: Item.new, id: 'new_item_form' do |f| %>
  <%= f.text_field :title, class: 'rounded border p-2' %>
  <%= f.submit 'Add', class: 'ml-2 rounded bg-gray-100 px-3 py-1' %>
<% end %>

3 files · erb, javascript Explain with highlit

After a successful inline create, I usually want to clear the form. You can replace the whole form partial, but sometimes you want to preserve other state (like which field was focused) and simply reset values. A clean Hotwire approach is a custom Turbo Stream action reset_form that calls form.reset() on the target. The server emits a <turbo-stream action='reset_form' target='new_item_form'>, and the client registers Turbo.StreamActions.reset_form. This keeps the UI intent server-driven (“reset it”) without re-rendering markup. I still pair it with a normal prepend to add the new item. If validation fails, the server replaces the form with errors (422) as usual.

Related snips

ruby

class CommentsController < ApplicationController
  before_action :set_post

  def create
    @comment = @post.comments.build(comment_params)

System test: asserting Turbo Stream responses

rails hotwire turbo

by codesnips 4 tabs

ruby

class Post < ApplicationRecord
  belongs_to :author, class_name: 'User'
  has_many :comments, dependent: :destroy

  scope :published, -> { where.not(published_at: nil).where('published_at <= ?', Time.current) }
  scope :draft, -> { where(published_at: nil) }

ActiveRecord scopes for reusable query logic

rails activerecord patterns

by Alex Kumar 1 tab

ruby

module Api
  module V1
    class UsersController < BaseController
      def show
        user = User.includes(:profile).find(params[:id])

ETags for conditional requests and caching

rails caching http-caching

by Alex Kumar 1 tab

ruby

class PostsController < ApplicationController
  def index
    @posts = Post.includes(:author)
                 .order(created_at: :desc)
                 .page(params[:page])
                 .per(10)

Turbo Frames: infinite scroll with lazy-loading frame

rails turbo hotwire

by codesnips 4 tabs

ruby

require "csv"

class PeopleCsvStream
  include Enumerable

  HEADERS = %w[id full_name email signed_up_at plan].freeze

Resilient CSV Export as a Streamed Response

rails performance streaming

by codesnips 3 tabs

erb

<form data-controller="query-sync" data-action="change->query-sync#apply">
  <select name="status" class="rounded border p-2">
    <option value="">Any</option>
    <option value="open">Open</option>
    <option value="closed">Closed</option>
  </select>

Filter UI that syncs query params via Stimulus (no front-end router)

rails hotwire stimulus

by Henry Kim 2 tabs

Share this code

Here's the card — post it anywhere.

Custom Turbo Stream action: reset a form after success — share card

Link copied