タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

JavaScriptとRubyとViewComponentに関するYassLabのブックマーク (1)

  • Rails7 + ViewComponent + Hotwireでのコンポーネント指向なフロントエンド開発を試してみた

    はじめに 記事では環境構築について取り扱いません。 詳細につきましてはリポジトリを参照してください。 Railsフロントエンド開発でつらいところ Railsフロントエンド開発する場合に、よく使う部品はPartialなどで共通化しますよね? 小規模であればPartialだけで十分なのですが、コードベースが成長したり、複雑なユースケースを満たすようになると以下のような課題が生まれてきます。 1. データフローを把握しづらい PartialはControllerで定義したインスタンス変数を参照できるため、以下のようにデータフローが複雑になりがちです。 Partialに値を受け渡すときにlocalsでの受け渡しを必須にすれば解消できますが、曖昧な方針でPartialを実装しているとカオスになります。 2. JavaScriptとViewの依存関係が曖昧で保守しづらい View単位でJavaS

    Rails7 + ViewComponent + Hotwireでのコンポーネント指向なフロントエンド開発を試してみた
    YassLab
    YassLab 2024/04/27
    "JavaScriptの動作をテストするための方法も用意されており、コンポーネント単位でのユニットテストを少ないコストで実装できる / ViewComponentのプレビュー機能とcapybaraのsystem specを組み合わせることで、簡単に実装できます"
  • 1