Skip to content

Instantly share code, notes, and snippets.

@dora1998
Created May 13, 2019 10:57
Show Gist options
  • Save dora1998/07a8f9ffe353898a36dafdee68826115 to your computer and use it in GitHub Desktop.
Save dora1998/07a8f9ffe353898a36dafdee68826115 to your computer and use it in GitHub Desktop.
React-LessonMemo-190513

redux

  • ducksパターンの方が良い

React-Redux

Presentation CとContainer C Container Cでreduxとconnectする

CSS設計

Reactだけならstyled-componentがベスト

Atomic Design

  • レイアウトに責務を持つコンポーネントもAtoms
  • Molecules: 1つまたは複数のatomsをまtメタもので、無理に作る必要はないかも
  • Atomic Designの大規模コードは読みやすかった

ページごとにconnect

  • parts, blocks, pages, appsの4レイヤーにできる
  • 大きなアプリでなければ管理しやすい
  • ただし、バケツリレーが煩雑になりがち
  • organismsとmoleculesの違いを考えなくて楽
  • pageのViewが肥大化するが、再利用するなら大きな問題はない
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment