Lightning Rounds - Part 1

on YouTube ↗12m

" summary

Shows a concrete system: ViewComponent classes become scoped front-end assets via class-name → component identifier, with a webpack step that prepends an identifier map so CSS and Stimulus controllers never clash. Checkout complete is wired as a real example with specs and Storybook stories, per-component translations and focused DOM tests, and integration with legacy jQuery code. A small utility to fix ERB alignment is under development. The setup is claimed to reduce CSS cruft and make moving components safe and measurable.

AI-written summary · about

" related talks

• 39mComponent Driven UI with ViewComponentRadoslav Stankov · wroc_love.rb 2024
• 05mLightning Talks from Brandon SharBrandon Shar · RailsConf 2021
• 31mComponent Driven UI with ViewComponent gemRadoslav Stankov · RubyConf TH 2023
• 57mViewComponents in the Real WorldJoel Hawksley · rubyday 2021
• 25mRails frontend: 10 commandments and 7 deadly sins in 2025Yaroslav Shmarov · Friendly.rb 2024
• 35mFrontendless Rails frontendVladimir Dementyev · RailsConf 2021
• 38mRethinking the View Layer with ComponentsJoel Hawksley · RailsConf 2019
• 34mViewComponents in the Real WorldJoel Hawksley · RailsConf 2021