問題タブ [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.
css - CSS モジュールと ReactJS: さまざまなコンポーネントの親と子の CSS クラス
だから私は反応するアプリケーションを構築していて、簡単な質問があります. 2 つの別個のコンポーネントがある場合: CSS クラスの navigation.css と navigationLogo.css をそれぞれ使用します。navigation.css には .main という名前のクラスがあり、navigationLogo.css には次のようなクラスが必要です。
しかし、CSS モジュールではこれを行うことができません。回避策はありますか?
javascript - ReactJs コンポーネント オプションのスタイリング
私は、reactJs を使用し、すべての html 要素が React コンポーネントに変換される大規模なプロジェクトについていくつかの調査を行っています。
ご存知のように、css にはグローバルに大きな問題があるため、css の競合が発生する可能性が高くなります。
これには、次のようなさまざまなオプションがあります。
アトミックデザイン
SMACSS
OOCSS
または次のようなライブラリを使用します。
ラジウム
反応スタイル
インラインで反応する
jsxスタイル
ReactJSS
React インライン CSS
リアクトルック
React 静的スタイル
これらはすべて良いものを持っていますが、同時に実験中であり、欠けているものもあります。
言い換えれば、それらのどれも、react コンポーネントのスタイリングにおけるすべての css の問題を解決したり、そこにない問題を解決しようとしたりするだけです。
それらをすべて試した後、共通のスタイル css ファイルにリンクし、各コンポーネントに固有の css ファイルを作成し、コンポーネント内からその css ファイルをターゲットにする必要があると考えています。
ここにいる人は、大規模なプロジェクトで反応コンポーネントをスタイリングした経験があり、フィードバックや提案がありますか?
これにストレートなcssまたはjavascriptを使用するだけでは決心できません。
私が研究するのを逃したものはありますか?