よみもの 2015/05/28

コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス from Kohei Asai

www.slideshare.net

• コンポーネントの冪等性を守る
  • state を必要以上に持たせない
• 再利用性を高める
  • コンポーネント自体の位置やサイズを指定するCSSを中に含めない
    • (これは体験済)
• ViewComponentではないものを明確に分ける
  • コンポーネントの親となる層は諦める（＝そこにまとめる）
    • 状態を持ちFlux StoreをSubscribeする
    • コンポーネントにpropsを渡す
    • ユニットテストが不可能な唯一の存在
• CSS設計への示唆
  • 1コンポーネント = 1 BEM Block などに、ファイル名・クラス名も合わせる

---

speakerdeck.com

• Backbone.js単体の手動バインディングは辛い
• Marionette.jsと組み合わせると Model -> View のバインディングのコード量が減っていい感じ
• データの流れが1方向になるように、バインディングも片方向が良さそう（Model -> View）