Trending

#StimulusJS

Latest posts tagged with #StimulusJS on Bluesky

Latest Top
Trending

Posts tagged #StimulusJS

Turning Codebase Antipatterns into Claude Skills I spent a morning last week auditing a Rails codebase for string-based HTML construction in JavaScript controllers. Forty violations across twelve files. The same antipattern, copy-pasted and mutated over months, each instance a small act of forgetting that a better way existed.

Your codebase already knows the right patterns. They're trapped in the files of whoever figured them out first.

Skills set them free.

ihoka.me/blog/2026/0...

#Rails #StimulusJS #Hotwire #ClaudeCode #RubyOnRails

0 0 0 0
Preview
Episode 550 - Debounce | Drifting Ruby Demonstrate how to implement a debounced live search in a Rails application using Stimulus and Turbo, improving UX by reducing unnecessary server requests.

Episode #550 - Debounce

#ruby #rubyonrails #hotwire #stimulusjs #javascript #programming #code

www.driftingruby.com/episodes/deb...

1 0 0 0
Preview
Episode 540 - Fizzy JS Patterns | Drifting Ruby In this episode, we look at the open source project Fizzy and the Javascript patterns used. We will look at various patterns used and some thoughts of improvement.

Episode #540 - Fizzy JS Patterns

#ruby #rubyonrails #programming #code #fizzy #stimulusjs

www.driftingruby.com/episodes/fiz...

3 0 0 0

Plus le temps passe et plus j'aime #stimulusJs 😍, avec #symfony c'est le feu 🔥

0 0 0 0
Preview
Episode 532 - Pull to Refresh | Drifting Ruby When PWA websites are installed (specifically on iOS) there is some functionality lost to refresh the page. In this episode, we explore in how to restore this functionality.

Episode #532 - Pull to Refresh (on a PWA)

#ruby #rubyonrails #pwa #programming #code #stimulusjs #javascript

www.driftingruby.com/episodes/pul...

2 0 0 0
Preview
Episode 517 - Dependent Select | Drifting Ruby In this episode, we look at using a Select javascript library and combined with StimulusJS to create dependent select fields.

Episode #517 - Dependent Select

#ruby #rubyonrails #programming #code #javascript #stimulusjs

www.driftingruby.com/episodes/dep...

1 0 0 0
Post image

📱 When CSS media queries aren't enough for responsive design, the Resize Observer API comes to the rescue! Learn how to use it with Stimulus to create truly adaptive components that respond to element size changes, not just viewport width. #webdev #StimulusJS

3 1 2 0
Preview
Episode 500 - Confetti | Drifting Ruby In celebration of Episode #500, we'll be looking at adding confetti to our Rails application. While seemingly a bit silly, this can add a bit of flare to your application when used properly.

Episode #500 🎉 - Confetti

#ruby #rubyonrails #programming #code #stimulusjs #javascript

www.driftingruby.com/episodes/con...

5 0 0 0
Preview
Episode 494 - Outlets and Permanent Tags | Drifting Ruby In this episode, we'll explore how we can add a "global" music player that will persist across different pages. Our approach will be unobtrusive and implemented in a maintainable way.

Episode #494 - Outlets and Permanent Tags

#ruby #rubyonrails #programming #code #stimulusjs

www.driftingruby.com/episodes/out...

4 0 0 0
Preview
Episode 493 - Password Strength | Drifting Ruby In this episode, we will use the Rails 8 authentication generator and add a stimulus controller to show the strength of a password when signing up for an account. This functionality will work with Dev...

Episode #493 - Password Strength

#ruby #rubyonrails #javascript #security #programming #code #stimulusjs #passwords

www.driftingruby.com/episodes/pas...

4 0 0 0
Video

Experimenting w/ a multi-window interface using Rails 8, Hotwire, Stimulus, etc. It offers significant benefits, eg drag-and-drop functionality, assigning customers to orgs, adding products to quotes, or moving stock into inventory locs. #rubyonrails #stimulusjs #ruby #webdev #shopify

12 0 1 0
Video

This is example code on how to use WebRTC to connect Rails+Stimulus applications to OpenAI's Realtime API. gist.github.com/schappim/81b... #rails #stimulusjs #ruby #openai

14 1 2 0
Preview
Episode 487 - Stimulus Action:Options | Drifting Ruby In this episode, we explore some of the lesser used options with Stimulus Actions. We'll discuss some nuances with them and the best approach when documenting the code.

Episode #487 - Stimulus Action:Options

#ruby #rubyonrails #programming #code #hotwire #stimulusjs #javascript

www.driftingruby.com/episodes/sti...

2 0 0 0
Preview
Episode 486 - Browser LLMs | Drifting Ruby In this episode, we look at leveraging the end user's hardware and WebGPU to run large language models directly in the user's browser.

Episode #486 - Browser LLMs

#ruby #rubyonrails #llm #ai #programming #code #stimulusjs #javascript

www.driftingruby.com/episodes/bro...

6 0 0 0
Preview
Stimulus DevTools - Chrome Web Store A developer tool for inspecting and debugging Stimulus applications.

If you're using #StimulusJS in your project, give it a try!

chromewebstore.google.com/detail/stimu...

0 0 0 0
Transcription app interface
Transcription app interface YouTube video by Kadu Diógenes

Hey, this is an interface for a transcription mobile application I'm working on. I'm using #Rails, #TailwindUI, and #StimulusJS, and I'm very excited about how much complexity compression these tools offer to build complex interactions. Check out it in action: youtu.be/ZaJWZFuw4oQ

0 0 0 0
Stimulus Reference

Today I learned that it's possible to use keyboard events on #StimulusJS: stimulus.hotwired.dev/reference/ac.... I used it to control the playback of an audio element: `keydown.space@window->transcriber#togglePlayback:prevent`. I attached it globally because I don't know where the focus is.

1 0 0 0
Post image

I'm continually impressed by the Stimulus DevTools Chrome extension by @robinsimonklein.dev 🙏. It seamlessly integrates into Chrome DevTools, providing an intuitive interface to inspect controllers, values, targets... A must-have for any #StimulusJS dev!
github.com/robinsimonkl...

3 0 0 1