コンポーネントによる生産性

この驚異的なライブラリを使用してプロジェクトを改善する2つのベストプラクティス
スタイルのコンポーネントはJavaScriptを介してアプリケーションをスタイリングするためのライブラリであり、主に反応のスタイリングで使用され、ネイティブプロジェクトに反応します.
スタイリングについて考えてみると、これらのスタイルの整理方法についても考えなければなりません.また、フロントエンド開発の世界で始まっているのは、これらの2つのプラクティスは、良いコードを書き、維持するための基礎です.

孤立スタイルを作成

Whenever possible, create isolated styles.

この実践を通じて、私たちはあなたのコンポーネントのスタイルに速くアクセスし、これはより生産性を生成し、あなたのスタイルをはるかに簡単に維持できます.
市場で広く使用されている練習は、あなたのコンポーネント/ページのメインファイル(index.js)と一緒にスタイルファイルを作成することです.
あなたのファイルstyles.jsまたはstyled.jsの命名も良い実行です.これらの2つの名前はたくさん使用されます.
例として、これは私のgithubにある反応用のテンプレートで使用されたスタイルファイルの構造です.

セマンティックスタイル

スタイル付きコンポーネントはよく知られており、採用されていますが、単純なdivとして意味のスコープを作成する必要がある多くのグループ化コンポーネントを見るのは一般的です.それは非常に我々は正しく、意識的にタグを使用することを忘れないで重要です.
スタイルコンポーネントのスタイルコンポーネントの作成とエクスポートの例です.

export const ExampleComponentContainer = styled.div``;

スタイルプロパティとして他のすべてのタグにアクセスすることができます.
など.
上記のテンプレートにアクセスできます.

ディゴルシルテック / ボアプレートCRAタイプスクリプト

このプロジェクトは、反応プロジェクトのためのボイラープレートです。このテンプレートはreactjsとtypescriptで構築されました。

このファイル構造についてどう思いますか?