React meetup 3_eight

20. Button Component • typeでレイアウトやテーマを指定する • PRIMARY(_MINI) → submitやOKなどの青系のボタン • SECONARY(_MINI) → キャンセル用の灰色のボタン • htmlのbuttonタグのように使えて、ボタンとしての見た目や振 る舞いが揃う • 機能追加、改善フェーズに入るとこういう細かいところの共通 化で開発効率がだいぶ上がる <Button onClick={registration} disabled={alreadyRegistred} type=“PRIMARY” /> 21. CSSは？ • rails上でsass使ってます • Componentの階層構造に合わせて命名 • js:components/common/button.js • css: “.common-button” • 階層は”-”で表

[efcl]

ReactのコンポーネントとCSSの管理

[namikingsoft]

Componentはなるべく汎用性を重視して、振る舞い別に分けたくなったら、それを継承する方針でいくか。 Component設計とCSS@Eight