Search⌘ K
AI Features
Home
Courses
Modern Front-end Development for Rails

Using Data in Stimulus

Explore how to implement client-server communication in Stimulus using async, await, and fetch to retrieve updated concert data. Understand the singleton pattern for centralized state management and how Stimulus controllers subscribe to changes for efficient real-time UI updates.

We'll cover the following...

With async, await, and fetch in our toolbox, we can get our Stimulus controller to contact the server directly to get the information about which concerts are sold out.

Sold-out concerts controller

On the Rails side, I’d like to set this up as its own route by adding a new singular resource to the routes.rb file:

Ruby
#---
# Excerpted from "Modern Front-End Development for Rails",
# published by The Pragmatic Bookshelf.
# Copyrights apply to this code. It may not be used to create training material,
# courses, books, articles, and the like. Contact us if you are in doubt.
# We make no guarantees that this code is fit for any purpose.
# Visit http://www.pragmaticprogrammer.com/titles/nrclient for more book information.
#---
Rails.application.routes.draw do 
  resource :schedule
  resources :ticket_orders
  resources :tickets
  resources :gigs
  resources :concerts
  resources :bands
  resources :venues
  resource :sold_out_concerts, only: :show 
  devise_for :users
  
  root to: "schedules#show"
end

This lets us put the API code in a new controller, which is good both from a conceptual standpoint—it’s a completely different kind of ...