タグ

cssとreactに関するrooshのブックマーク (2)

  • JSXのclassNameに複数のクラスを指定する

    <p className={'string' + ' ' + `${style.news}`}>テキスト</p> // or <p className={'string' + ' ' + (style.news)}>テキスト</p> 間に半角スペースを入れて結合するのがポイントっぽい。 にしてもなんかスマートじゃない気がするのは私だけだろか・・・笑 参考 [フロントエンド] React.jsのclassNameに、複数のクラスを簡単に指定する(Classnames利用) 完全に独り言 ググり方が悪いのかなかなか出てこなくて、JSXに慣れてないのでちょっと苦戦w あんまりマルチクラス的なことをReactではやらないのかな? Atomic Componentsでやる場合はそもそも必要ないからか? コンテナ的なコンポーネントとかでやったりしない? みたいな疑問がいっぱい。

    JSXのclassNameに複数のクラスを指定する
    roosh
    roosh 2021/05/03
    ty!
  • ReactとVueってどう違う?全く同じアプリをReactとVueで作成してみて分かった相違点

    日常的にVueを使用している開発者が、Reactはどうなのだろうと思い、ReactVueで全く同じアプリを作成した時のそれぞれの工程を比較して分かった相違点を紹介します。 I created the exact same app in React and Vue. Here are the differences. 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 隣の家の芝生は青く見える VueReactで作成したアプリの見た目を比較 VueReactはデータをどのように変更させるか アイテムの新規作成 アイテムの削除 イベントリスナーを渡す 子コンポーネントにデータを渡す 親コンポーネントにデータを戻す 終わりに 隣の家の芝生は青く見える 私は現在の職場でVueを使用しており、Vueがどのように機能するかかなり理解してい

    ReactとVueってどう違う?全く同じアプリをReactとVueで作成してみて分かった相違点
  • 1