タグ

CSSとreact.jsに関するluccafortのブックマーク (2)

  • SPAにおけるCSSについて、ひとつの解(追記あり) - エンジニアをリングする

    SPAにおけるCSSのありかたについてずっと悩んでたけど昨日今日で一筋の光明が見えた— よしこ (@yoshiko_pg) 2017年4月7日 この話を簡単にまとめておこうと思います。 結論を先に書くと「今のところtemplate literal内にCSSを記述する形式のCSS in JSがいい感じ。Reactならstyled-componetnsが良かった」という感じです。 悩んでいたこと コンポーネント指向でSPAを作っていく上で、CSS(というかスタイリング)はどう書いていったらいいんだろう?ということに結構悩んでいました。 HTMLとJSがコンポーネントとしてまとまっていく中でCSSだけは今まで通り別物として扱い、BEMなどでグローバルスコープと戦うのか?はたまたCSSの枠をはみ出てJSコンポーネントの粒度に合わせたコンポーネント化をするのか? 加えて、見た目も挙動も複雑なアプリケ

    luccafort
    luccafort 2017/05/09
    2年ぶり通算2度目でようやくCSS in JSの問題点とか理解した。VueJSのscoped CSSが解としては一番いいんだけどあれは後発ゆえの強みとある程度の密集を許容するかどうかがキモなのかもしれない。
  • Reactハンズオンを主催しました - ムログ

    こんにちは、むろです。 先日、Reactハンズオンという勉強会を開催しました。 やることになった経緯 「デザイナーだから…」を言い訳にしてReact書かない(具体的に言うと、JSXは書くけどpropsとかstateとかはエンジニアさんにお任せする)という仕事スタイルに限界を感じていたタイミングで、実務でReact経験があって教えてくれそうなひと( おおきさん・もろみーさん )を見つけることが出来たからです。 「わたしにReact教えてください。あ、ていうかせっかくなのでついでに他にも教わりたい人を呼びましょうか、20人ぐらい。」 という感じです。 当日までにやったこと あくまで、わたしも生徒の気持ちなので当日まではあえて予習していかないようにしていました。 なので、準備はイベントを実施するためのいろいろです。 これまで勉強会は参加するサイドだったのでどんなものを準備したらいいのかわからなく

    Reactハンズオンを主催しました - ムログ
    luccafort
    luccafort 2016/08/09
    参加者が10/60というのは悲しいけど逆に考えると10人だからこそ時間内に終われたのかな?とも思うのでその点は良かったんじゃないかな。
  • 1