10년의 프론트엔드 변화와 Hotwire를 활용한 현대적 접근 방식

지난 10년간의 프론트엔드 개발 방식 변화를 돌아보고, Rails 환경에서 Hotwire(Turbo, Stimulus)를 활용한 현재의 최적화된 구현 방식을 소개한다.

#hotwire #turbo_frames #stimulusjs
https://ruby-news.kr/articles/ten-years-of-frontend-drifting-ruby

10년의 프론트엔드 변화와 Hotwire를 활용한 현대적 접근 방식

지난 10년간의 프론트엔드 개발 방식 변화를 돌아보고, Rails 환경에서 Hotwire(Turbo, Stimulus)를 활용한 현재의 최적화된 구현 방식을 소개한다.

Ruby-News | 루비 AI 뉴스

10년의 프론트엔드 변화와 Hotwire를 활용한 현대적 접근 방식

지난 10년간의 프론트엔드 개발 방식 변화를 돌아보고, Rails 환경에서 Hotwire(Turbo, Stimulus)를 활용한 현재의 최적화된 구현 방식을 소개한다.

🔗 원문 보기

10년의 프론트엔드 변화와 Hotwire를 활용한 현대적 접근 방식

지난 10년간의 프론트엔드 개발 방식 변화를 돌아보고, Rails 환경에서 Hotwire(Turbo, Stimulus)를 활용한 현재의 최적화된 구현 방식을 소개한다.

Ruby-News | 루비 AI 뉴스
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.

Drifting Ruby

Somewhat proud of myself because I did that thing (in Turbo) when changing one select in a form changes another select. And all I had to do was to wrap the other select into a turbo-frame and write a Stimulus controller to connect the two.

#Hotwired #StimulusJS

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.

Drifting Ruby
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.

Drifting Ruby
Looking back at it, I kinda think that the problem is, the way I've done it is kinda... useless.
Like, can you use #VueJS and #Turbo together and mount components with #StimulusJS? Sure.
But does it make a lot of sense?
I'd say, unless you have some sort of frontend-heavy component... it probably doesn't.
With Turbo you'll most likely want normal forms and links acting as your navigation and state shifts. Maybe add a simple web component library for custom components.

Maybe I should extract it into a gist or something.
I guess integration of #VueJS, #Turbo and #StimulusJS would be kinda interesting?

#Vue #Vue3

📱 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
Episode 501 - Chat Agent | Drifting Ruby

In this episode, we lay down the ground work to have a chat agent in our Rails application. We'll be creating this from complete scratch and set it up in a way that you can have responses generated however you want.

Drifting Ruby