書籍
後悔しないためのVueコンポーネント設計
中島直博
Amazonで購入※ 上記は Amazon アソシエイトによる広告リンクです。
概要
責務の分割、再利用性の向上、ディレクトリ構成といった普遍的なコンポーネント設計原則を、 Vue.jsを題材に実践的に解説する。
対象読者
- Vue.js経験者
- コンポーネント設計を改善したいフロントエンドエンジニア
目次 7章
- 第1章 なぜテストを書くのか
- 第2章 テストしやすいコンポーネントと、テストしづらいコンポーネント
- 第3章 コンポーネントを分類する
- 第4章 ディレクトリ構成とコンポーネントの分類
- 第5章 なにをテストするか
- 第6章 テスト実行環境の構築
- 第7章 テストを書く
タグ
#vue#component-design#reusability
奥付
- 出版社
- インプレスR&D
- ISBN
- 978-4844398691
- 出版日
- 2019年6月
- 参考定価
- ￥1,980税込Amazonの実売価格と異なる場合があります
この本を手に入れる
※ 上記は Amazon アソシエイトによる広告リンクです。関連書籍
前提となる書籍
- 推奨前提
Vue 3 フロントエンド開発の教科書
WINGSプロジェクト 齊藤新三
理由: Vue の基本的な書き方を覚えたら、再利用と保守を見据えたコンポーネントの「設計」へ踏み込む。「後悔しないためのVueコンポーネント設計」は責務分割・props 設計・状態の持ち方といった、規模が増えても破綻しない構造の指針を与える。
次に読む書籍
- 推奨前提
マイクロフロントエンド
マイクロサービスアーキテクチャの概念をフロントエンドに拡張する
Luca Mezzalira
理由: 単一アプリ内のコンポーネント設計を極めると、今度は複数チーム・複数アプリにまたがる「フロントエンドの分割」という課題が見えてくる。マイクロフロントエンドは独立してデプロイできる UI の合成方式を与え、組織のスケールに耐える構造を示す。
- 参考
フロントエンド開発のためのテスト入門
今からでも知っておきたい自動テスト戦略の必須知識
吉井健文
理由: 保守しやすいコンポーネント設計ができるようになったら、その設計が「テストしやすさ」と表裏一体であることを確かめる。「フロントエンド開発のためのテスト入門」は何をどの粒度でテストするかを示し、設計とテストを往復して品質を固める視点を与える。