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

Atomic Designとはまた別の話

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

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

---
---


宣言的UIの哲学
モジュラリティはコンポーネント設計で担保する
-> 宣言的UIの関心の最小単位はCSSでもJSでもHTMLでもなく、コンポーネント
React Docsにその哲学が詳細に書いてある
コンポーネントを中心に組み立てる
ステートのスコープを狭めて凝集度をとにかく高くすると自然とモジュール性も高くなっていく
そのコンポーネントの責務とは何か?他のコンポーネントとの境界線はなんなのかを強く意識する
データフロー
状態変化の契機はユーザーの発するActionの単位にする
propsバケツリレーでも構わない
ステートの依存関係や責任範囲をわかりすることのほうが大事

階層関係がおかしくなる
同じGlobal Stateをデータソースにしていると共通結合以上にするのが難しい
予期しない挙動の確率が高まる
Pub/SubuseEffectなどコンポーネント外の暗黙的な状態変化は最終手段

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