Rails + ViewComponentによるコンポーネント指向UI開発

UI開発におけるコンポーネント指向とは UIを独立した再利用可能な部品（コンポーネント）に分割 コンポーネントにHTML(DOM)、ロジック(JavaScript)、CSSをカプセル化 React、Vue.js、Angularなどフロントエンドの主要なViewフレームワークで採用されている手法 これをRailsに輸入したいというのが今回の話題 コンポーネントの例 検索ボックス（SearchBoxコンポーネント） SearchBoxコンポーネントはTextInputとSubmitButtonを包含 SubmitButtonのスタイルは上位のButtonコンポーネントで定義される アトミックなコンポーネントを入れ子に構成して大きなコンポーネントを組み立てていく コンポーネント指向UIのメリット 再利用性 コンポーネントを他の機能や他のシステムで再利用することが容易 保守性とテスト容易性 コンポ