How to style React components - 第65回 HTML5とか勉強会 ー React最新情報

20:45-21:05 How to style React components @Quramy さん まとめまとめ:http://togetter.com/li/981932
0

How to style React components

登壇者

Yosuke Kurami @Quramy

Front-end web developer. TypeScript, Angular and Vim, weapon of choice.

https://t.co/7iDgalHdCG

スライド

リンク quramy.github.io How to style React components

反応

きりえ @__kyrieleison__

UI Components への期待: 見た目と振る舞いがまとめて提供・適度にカプセル化・再利用性が高い・保守しやすい #html5j #eventdots

2016-05-31 20:55:56
きりえ @__kyrieleison__

Components の CSS が子要素のスタイルを破壊する #html5j #eventdots

2016-05-31 20:59:14
きりえ @__kyrieleison__

JS Framework で CSS が適切にカプセル化できるわけではない #html5j #eventdots

2016-05-31 20:59:44
きりえ @__kyrieleison__

CSS セレクタが Global であることが最大の問題 #html5j #eventdots

2016-05-31 21:00:04
きりえ @__kyrieleison__

CSS の Global 性と戦う武器: 命名規則・Web Components・CSS in JS・CSS Modules #html5j #eventdots

2016-05-31 21:00:45
Tsuyoshi Higuchi @tyshgc

コンポーネントの粒度が(G)UIの部品として扱うというのもそもそも考えたほうがいいなーと最近思う。Atomic DesignではなくOOUX的な粒度を採用するというのもある。プロジェクトや規模感にもよるけど。 #html5j

2016-05-31 21:01:15
ふかみんみん @fukamiiiiinmin

CSSのグローバル性と戦うための武器 命名、Web Components CSS in JS, CSS Modules #html5j

2016-05-31 21:01:15
Shingo Yamazaki @zaki___yama

これ前読んだな。関係ありそう #html5j /Reactを使ったモジュラーCSS : CSS-in-JSとCSS Module | プログラミング | POSTD postd.cc/modular-css-wi… @POSTDccさんから

2016-05-31 21:01:18
きりえ @__kyrieleison__

CSS Modules って CSS in JS の一部だと思ってた... #html5j #eventdots

2016-05-31 21:01:19
むゆう @muyuu_

いやまぁJSを中心にComponentを単位としてhtmlもcssも管理する、という考えは素敵だと思う #html5j

2016-05-31 21:02:03
ドッグ @Linda_pp

擬似要素とか使えないからな… #html5j

2016-05-31 21:02:21
Yosuke Furukawa @yosuke_furukawa

CSS in JS は一回やって css-modules でいいやってなった #html5j

2016-05-31 21:02:25
きりえ @__kyrieleison__

React の style プロパティに、JS で記述したオブジェクトを直接渡す #html5j #eventdots

2016-05-31 21:02:32
にほんのひまじん @plutonium186

CSS in JSはinline-styleっての、おもしろおかしい #html5j #eventdots

2016-05-31 21:02:37
bokuweb @bokuweb17

メディアクエリとか擬似要素がな #html5j

2016-05-31 21:03:00
ふかみんみん @fukamiiiiinmin

objectにしてcss書くことってcomponent化がなかったらガラケー時代のコーディングみたい。#html5j

2016-05-31 21:03:08