Use View Components with Rails Projects from the Design Stage

#rubyconftw 2023

從設計階段就開始元件化 Rails 專案 / Use View Components with Rails Projects from the Design Stage

介紹如何從 Figma 設計稿，就開始規劃、製作與預覽元件（View Component + Lookbook）。 說明目前偏好的元件組成方式，協助製作元件的工具和注意事項，以及安置元件到頁面中的方式（partial + helper）。 展示利用 settings 搭配 builder 活用元件的嘗試。

Let’s start to plan, create, and preview view components from the design stage with Figma, ViewComponent and Lookbook. I will introduce my preferred way to compose view components, the tools and tips which can help build, and how to use partial and helper to render it. I will also show you a pattern to rendering view components with settings and builder.

RubyConf Taiwan 2023