ReactプロジェクトでStyled Componentsファイルを整理する方法

Question

ReactプロジェクトでStyled Componentsをどのように整理すればよいですか？私は例えば - 私は、スタイルを追加したいNavbarコンポーネントを持っています。別のファイルNavbarStyleを作成してNavbarにインポートするか、NavbarコンポーネントでNavbarStyleを作成するか他のものを作成する必要がありますか？それとも、ボタンのような一般的なコンポーネント用ですか？

このボタンなどでは、たとえば、styledComponentsフォルダや、すべてのファイルを別々のファイルとして作成し、必要な要素だけをインポートする必要がありますか？私は主にそれが私の好みに依存していることを知っているが、私はいくつかのベストプラクティスのアドバイスを聞いてほしい（それはStyledComponents docsはプロジェクトのmenageについて何も言わないように見える）。

Answer 1

Reactが普及している理由は、あなたが使用できる自由とプロジェクト構造のためです。 プロジェクト構造には多くの良いことと悪い方法がありますが、ここでは簡単な意見です。社外では、すべてのコンポーネントを独自のスタイルで分離することに決めました。たとえば、すべてのボタン、チェックボックスなどに独自のスタイルファイルがあります。 は、私たちは、直接コンポーネントにすべてのクラスをインポートしますので、我々は、直接私たちが代わりに大きな複雑なSASSファイルでの検索、編集する必要がどのようなCSSを知っているの

import './checkbox.scss' 

、これはワークフローを改善します。私は、彼らが別のSCSSスタイルシートを持っていないスタイル、コンポーネントを参照して信じて