タグ

ブックマーク / zenn.dev/bitarts (1)

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

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

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