More than 3 years have passed since last update.

結局composition APIは何のために導入されたの？

Posted at 2020-12-29

Composition APIを使うメリットとは？

メリットは大きく２つ

ロジックの抽出を行う理由は、

複雑に肥大化したコンポーネントを小分けにして関心事で分別（＝複数の責務を持つコンポーネントを小分けにして責務の整理をする）

今まではhtml/js/cssを合わせたコンポーネントが最小単位だったが、ロジックだけを切り分けたりできるようになった。

これにより、必要な機能だけをimportして呼び出すことで責務が分けられて管理もしやすくなるし、テストも書きやすくなる。

上記のように小分けにしたことで、ロジックの再利用性が上がった。

コンポーネントがぶくぶく太って責務を持ちすぎている場合

→逆に言うと、コンポーネントがそれほど大きくない（今後大きくならない）プロジェクトに導入するのは微妙（学習コストに見合わない？）

ロジックを自由に切り出せるようになった

→自由にやりすぎると無秩序になる

（例）

切り出したロジックの中で他の切り出したロジックを使うなど依存の方向が複雑になる

こうならないためにも、設計やアーキテクチャをしっかり理解してチームで共通認識を持っていないといけない。