コンポーネント設計めも ＠都内某所
ワイヤーフレームやデザインなどの画面設計をUIコンポーネントに落とし込むこと
Interface = Props
目的
複雑なUIの構造化
実装の共通認識
開発速度の向上
なぜ重要か？
複雑性の高いアプリケーションをチームで効率的に開発するため
規模も大きいし、複雑性も高いBtoBサービスの開発ではドメインが複雑になりやすい
ドメイン知識をアプリケーションに落とし込む能力
チームで開発を行うからには
開発の効率性も求められる
効率的に開発を行い、早く市場に出したい
具体的な設計手法
1. コンポーネント分解
1つのコンポーネントが1つの責務を持つように意識する。ツリー図に書き起こすまで行う。
2. state定義
3. IF定義 = propsを定義すること