スタイリングReactJsコンポーネントオプション

Question

私は、reactJsを使用する大規模なプロジェクトについていくつかの調査を行い、すべてのHTML要素はReactコンポーネントに変換されます。

私たち皆が知っているように、CSSはグローバルで大きな問題を抱えているため、CSSの競合の可能性がたくさんあります。

含めて、このためのさまざまなオプションがたくさんあります。

• アトミックデザイン

• SMACSS

• OOCSS

などのライブラリ使用：

• ラジウム

• は

• はインライン

• jsxstyle

• が

• が

インラインCSSを反応させるのJSS
反応させ、反応させ、スタイルに反応します

• を見て反応するこれらのすべては良いものを持っているが、同時にすべてが実験し、不足しているものの下にある静スタイル

を反応します。

他の言葉では、反応コンポーネントのスタイリングのすべてのCSS問題を解決していない人もいれば、そこにない問題を解決しようとする人もいます。

これらのすべてを試した後、私は共通のスタイルのCSSファイルにリンクし、各コンポーネント固有のCSSファイルを持っていて、そのコンポーネント内のCSSファイルをターゲットにする必要があると考えています。

大きなプロジェクトでスタイリング反応コンポーネントの経験があった人はいますか？

私は単にストレートCSSやjavascriptを使ってこれを行うことはできません。

私は研究に欠場したことはありますか？

Answer 1

あなたのソリューションにCSSを含めるには何も問題はありません.SASSとLESSは素晴らしいです。

しかし、私は個人的には、JSの全機能を提供するので、普通のJSオブジェクトとしてインラインスタイルを好きです。したがって、必要に応じて動的になり、必要に応じてすべての計算を行うことができます。など...

リアクトチームはしばらくの間、この中には投資してきたここReact Native Stylesにだ、とPresentation from a Facebook engineer、およびProposal from the reactjs/react-future repo、そしてあなたに多くのことができますラジウムのような素敵なライブラリがあります（ネイティブは、すでにデフォルトでこれを使用していますリアクト）。

JSのCSSは確かに毎日よくなってきています。だから、私はそのジャンプをすることをお勧めします。 :)