Components.CSS-in-JSでは、親から子へのスタイルの受け渡しは、スタイルオブジェクトをマージするだけなので簡単です。CSSモジュールでは、クラス名を連結させることによって同じことができます。reactでwebアプリケーションを作成しています。CSSの管理はahrpditeというCSSinJSを実現するパッケージを使ってます。こちらの記事でReact.jsの概要や基本的な使い方を説明しました。誰もがふと気づくことがあるかと思います。Reactアプリの開発でちょっとやっかいなのが、スタイルシートの扱いです。さまざまな手法の中から、いま注目のstyled-componentsを使った方法を紹介します。Reactによるアプリケーションの構築手法は標準化がだいぶ進んでいます。例がシンプルで前提条件が分からないので、可能不可能は置いておいて回答します。利用するCSSが同じ=役割が同じ=コンポーネント化出来るって考えです。NativeではCSSによく似た機能群を用いて、まるでCSSを書いているかのようにスタイリングできます。Styleを使ってみましょう。前回準備した環境を使って、早速Webアプリを作ってみたいと思います。うまく動作しなかったので備忘録を残しておきます。Componentの分割粒度でCSSを書くことを強制する力があって、かつそこにはスコープがあるのでセレクタの命名をそこまで意識しないで適当につけても破綻することがなくなる。一般に、CSSクラスはインラインスタイルよりも効率的です。「CSS-in-JS」は、CSSが外部ファイルで定義されているのではなくJavaScriptを使用して構成されているパターンを指します。