1

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

ご存知のように、css にはグローバルに大きな問題があるため、css の競合が発生する可能性が高くなります。

これには、次のようなさまざまなオプションがあります。

  • アトミックデザイン

  • SMACSS

  • OOCSS

または次のようなライブラリを使用します。

  • ラジウム

  • 反応スタイル

  • インラインで反応する

  • jsxスタイル

  • ReactJSS

  • React インライン CSS

  • リアクトルック

  • React 静的スタイル

これらはすべて良いものを持っていますが、同時に実験中であり、欠けているものもあります。

言い換えれば、それらのどれも、react コンポーネントのスタイリングにおけるすべての css の問題を解決したり、そこにない問題を解決しようとしたりするだけです。

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

ここにいる人は、大規模なプロジェクトで反応コンポーネントをスタイリングした経験があり、フィードバックや提案がありますか?

これにストレートなcssまたはjavascriptを使用するだけでは決心できません。

私が研究するのを逃したものはありますか?

4

1 に答える 1