Component Driven UI with ViewComponent

on YouTube ↗39m

" summary

Builds a Rails admin for facility management using the ViewComponent gem plus Tailwind and optional Stimulus, removing most JS and keeping domain UIs server-rendered. Implements reusable components: stats, filter form (handles 20 filters with a builder pattern), page header, and a table component with column DSL and record linking. Uses Lookbook previews and Capybara smoke tests instead of heavy unit tests, a fetch_with_fallback color hack to avoid prod errors, and keeps components small and testable.

AI-written summary · about

" chapters (6)

1. 0:00Introduction
2. 1:52Why ViewComponent
3. 5:48When to use ViewComponent
4. 11:11Real code example
5. 26:42Table component deep dive
6. 34:35Q&A

" related talks

• 31mComponent Driven UI with ViewComponent gemRadoslav Stankov · RubyConf TH 2023
• 45mView Components in RailsHarun Abbas Pathan · RubyConf India 2012
• 35mFrontendless Rails frontendVladimir Dementyev · RailsConf 2021
• 34mViewComponents in the Real WorldJoel Hawksley · RailsConf 2021
• 57mViewComponents in the Real WorldJoel Hawksley · rubyday 2021
• 38mRethinking the View Layer with ComponentsJoel Hawksley · RailsConf 2019
• 28mSchema-Driven UI Components: Innovating Headless ERPSeiya Izumi, Masanori Uehara · GraphQLConf 2024
• 01h 28mGet started with Component-based Rails applications!Stephan Hagemann · RailsConf 2015