How to style React components - 第65回 HTML5とか勉強会 ー React最新情報
-
- いいね！0
きりえ
@__kyrieleison__
JSを使えば: 変数を共有できる・不要コード検出(eslint)・動的ロード(systemjs) #html5j #eventdots
2016-05-31 21:03:40
kjirou
@kjirou
UIパーツの完全なコンポーネント化って幻想で、前提となる全体を定めることと、それとのAPIは必ず必要になるという認識 #html5j
2016-05-31 21:04:06
ふかみんみん
@fukamiiiiinmin
inline-styleにするとbeforeとかhoverとかメディアクエリとかkeyframeとか使えない #html5j
2016-05-31 21:04:28
きりえ
@__kyrieleison__
radium: 今最も人気のある CSS in JS ライブラリ、いくつかの擬似クラスをサポート #html5j #eventdots
2016-05-31 21:05:05
治安の悪いレイジー先生🍥
@layzy_glp
擬似要素セレクタとか擬似クラスってJSになっちまうなら使えなくてもいくらでもなんとかなりそうな……？ #html5j
2016-05-31 21:05:24
きりえ
@__kyrieleison__
react-style: React Natie のように StyleSheet.create を使って styles を生成 #html5j #eventdots
2016-05-31 21:05:36
.
@senopen
#html5j CSSのグローバʳ製に対して，JSで対応するという話。inline-styleにJSで埋め込む。 欠点： ・擬似要素と擬似クラスが使えない。 ・@構文，メディアクエリーが使えない。 これはちょっとでかいかな。
2016-05-31 21:05:57
きりえ
@__kyrieleison__
jsxstyles: styles や component 名を静的解析してcssを生成 #html5j #eventdots
2016-05-31 21:06:04
よしこ
@yoshiko_pg
あーコロンはリテラルでkeyに使えないから""で囲う必要があるね・・・ 値のほうも文字列になるし、CSSをJSオブジェクトで定義するの、なんかスマートに思えてスマートじゃない感ある #html5j
2016-05-31 21:08:17
Yosuke Furukawa
@yosuke_furukawa
jsxstyle は知らなかったけど、俺がCSS in JSやった時は Radium も擬似要素サポートしきれてない react-style はメンテナンスされてない という状況なので、CSS in JSでは結局頑張り過ぎないことが重要という結論になった #html5j
2016-05-31 21:08:28
きりえ
@__kyrieleison__
CSS Modules ってちょっと UI Components の概念から外れるのかな #html5j #eventdots
2016-05-31 21:08:59
きりえ
@__kyrieleison__
CSS Modules: 定義された class が es 2015 modules のように振る舞う #html5j #eventdots
2016-05-31 21:09:49
にほんのひまじん
@plutonium186
CSS Modulesは.cssを.jsにimportする、と。ふえぇ。。。 #html5j #eventdots
2016-05-31 21:10:33
.
@senopen
#html5j CSSもTeXと同じで全部グローバル。 どう対処するか。現実的なのは命名規則。 あとは，ページを分離するとかかな。 JSで無理やりするのはどうなんだろうか。
2016-05-31 21:11:03
きりえ
@__kyrieleison__
CSS Modules では Class 名を書き換えて global な名前がわからないようにする、容易に外部から書き換えができないようにする #html5j #eventdots
2016-05-31 21:11:03