SofiaSousa

<section>
  <%= form_with(url: items_path, method: :get) do |f| %>
    ...
    <%= f.submit "Search" %>
  <% end %>

  <%= turbo_frame_tag "results" do %>
    <% @items.each do |item| %>
      <%= render item %>
    <% end %>

SofiaSousa

<%= turbo_stream.remove "item_1" %>

<%= turbo_stream.update "stats" do %>
  <%= render "items/stats" %>
<% end %>

<%= turbo_stream.update "flash", partial: "layouts/flash" %>

SofiaSousa

<%= turbo_frame_tag "results" do %>
  <section data-controller="results-toggle"
           data-results-toggle-visible-value="true"
           data-results-toggle-hidden-class="hidden">
           
    <button data-action="click->results-toggle#toggle">Hide Results</button>
    
    <div data-results-toggle-target="elementToHide">
      <% @items.each do |item| %>
        <%= render item %>

SofiaSousa

import { Controller } from "@hotwired/stimulus"

export default class ResultsToggle extends Controller {
  // ---
  // Targets
  static targets = ["elementToHide"]
  
  // ---
  // Values
  static values = { visible: Boolean }

SofiaSousa

class Hash
  # Returns a new hash with the nil values/key pairs removed recursively.
  #
  #   hash = { a: true, b: { c: [1, 2, 3], d: { e: nil, f: 4 } }, g: nil }
  #
  #   hash.deep_compact # => { a: true, b: { c: [1, 2, 3], d: { f: 4 } } }
  def deep_compact
    dup.deep_compact!
  end