問題タブ [react-css-modules]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
5 に答える
14244 参照

css - CSS モジュールと ReactJS: さまざまなコンポーネントの親と子の CSS クラス

だから私は反応するアプリケーションを構築していて、簡単な質問があります. 2 つの別個のコンポーネントがある場合: CSS クラスの navigation.css と navigationLogo.css をそれぞれ使用します。navigation.css には .main という名前のクラスがあり、navigationLogo.css には次のようなクラスが必要です。

しかし、CSS モジュールではこれを行うことができません。回避策はありますか?

0 投票する
1 に答える
127 参照

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

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

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

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

  • アトミックデザイン

  • SMACSS

  • OOCSS

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

  • ラジウム

  • 反応スタイル

  • インラインで反応する

  • jsxスタイル

  • ReactJSS

  • React インライン CSS

  • リアクトルック

  • React 静的スタイル

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

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

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

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

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

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