宣言的UIのモジュラリティや堅牢性はコンポーネント設計で担保する

Atomic Designとはまた別の話

@koushisa: CSSもHTMLもステートもコンポーネント志向開発においてモジュラリティを担保するのはいつだってコンポーネント設計

@okunokentaro: Reactにて複数の案件でEmotion, Tailwind CSSの両方を採用して思ったけど、重要なのはそのどっちを使うかではなくて、コンポーネントをどの粒度で切るかなんだよな…。

---

---

モジュラリティはコンポーネント設計で担保する

-> 宣言的UIの関心の最小単位はCSSでもJSでもHTMLでもなく、コンポーネント

React Docsにその哲学が詳細に書いてある

コンポーネントを中心に組み立てる

ステートのスコープを狭めて凝集度をとにかく高くすると自然とモジュール性も高くなっていく

そのコンポーネントの責務とは何か？他のコンポーネントとの境界線はなんなのかを強く意識する

データフロー

状態変化の契機はユーザーの発するActionの単位にする

ステートの依存関係や責任範囲をわかりすることのほうが大事

階層関係がおかしくなる

同じGlobal Stateをデータソースにしていると共通結合以上にするのが難しい

予期しない挙動の確率が高まる

Pub/SubやuseEffectなどコンポーネント外の暗黙的な状態変化は最終手段

言うのは簡単だが、その引き出しは体で慣れるしかない