丁寧に学ぶフロントエンドアーキテクチャ：第3章「ユーザーインタラクション」 - Qiita

目次 この記事は、丁寧に学ぶフロントエンドアーキテクチャの第3章です。 いいね・ストックをよろしくお願いします！ はじめに 本章では、いよいよフロントエンドの複雑さの本質に迫ります。 ユーザーインタラクションによる動的なアプリケーションの操作は、保守性を下げる要因です。対して、情報を単に提示するだけのアプリケーションは比較的保守が簡単です。なぜなら、状態を持たず、複雑な機能を持たず、テストシナリオも1通りだからです。 アーキテクチャの力で、複雑なインタラクションを整理し、簡潔かつ効果的に実装できることを目指します。 ユーザーインタラクションの概要 動的なWebアプリケーションは、単にユーザーに情報を表示する以上の機能を持ちます。例えば、ECサイトであれば商品をカートに追加する処理は、フロントエンドとバックエンドが協調し、データとUIを変更します。 ViewとBFFの仕組みをうまく活用して、