3

私は反応の大ファンです。これは UI を構築するための本当に素晴らしいツールですが、問題なく取り除くのが難しい問題がいくつかあります。

それらの 1 つはスタイル コンポーネントです。元の「react-way」はインライン スタイルを使用していますが、このソリューションには次のようなマイナスの性質があります。

  • デザイナーの観点からは良い解決策ではないようです
  • 十分にカスタマイズできますか？
  • autoprefixer や sass/less などの素晴らしいツールを使用できないため、スタイルをより保守しやすくなっています

しかし、いくつかの肯定的なものがあります：

  • コンポーネントは非常にまとまりがあり、再利用可能になり、スタイルが一緒に出荷されます。
  • 一部のライブラリでインライン スタイルが使用されている場合、スタイルシートを要求する必要はありません。スタイルはすべてコード内にあります。

他の「WriteYourStylesInJS」プラクティスにも同じ弱点があり、最大の弱点はスタイリング ツールのセットが少ないことです (はい、プレフィックスを書くのが面倒です)。

私の実際の質問に関しては、反応コンポーネントとcss（またはscss / sassまたはlessまたは他の言語）のスタイルをどのようにまとめますか?

スタイルをカスタマイズ可能で保守可能にするにはどうすればよいでしょうか?

インライン スタイルに対する私の先入観は合理的ですか?

4

2 に答える 2

2

私はインライン スタイルを使用していて、最初はいくつか問題がありましたが、わかりますか? 大好きですよね…

  • スタイルの対立はありません。私の以前の非反応プロジェクトのすべてで、私はそれらを持っていました...簡単に修正できますが、今は心配する必要はありません
  • コンポーネントのスタイルを編集する必要がある場合。コンポーネントに移動して編集するだけです。以前...要素のクラスを確認してから、cssファイルに移動して編集する必要がありました..同じクラスの別の要素のスタイルを壊している可能性があります!
  • 私は js オブジェクトを使ったスタイルが大好きです。どこでもJS！そのおかげで、変数を持つためにプリプロセッサを SCSS として使用する必要はありません (ほんの一例です)。

しかし、あなたは正しく、:hover... のような疑似セレクターやベンダー プレキシング、さらにはメディア クエリで頭痛の種になる可能性があります。

だから..それがすべて必要な場合は、ラジウムをチェックする必要があるかもしれません

愚かでいなさい！

于 2015-12-02T09:25:53.217 に答える
1

私のプロジェクトでは、コンポーネントと同じ名前で、スタイリングに個別の css ファイルを使用しました。本番環境では、とにかく縮小され、1 つの js/css ファイルに分割されますが、コンポーネントをプロジェクトからプロジェクトに簡単にコピーして貼り付けることができます。

于 2015-08-05T09:05:49.713 に答える