frost web
1.0.0
frost webアカウントと API トークンを管理するための Po.et の Frost API のフロントエンドです。
すべての新しい機能は、デフォルトでオフになっている機能切り替えの背後にあるマスターにマージする必要があります。機能が十分にテストされたら、トグルを削除できます。
これらは ReactJS コンポーネントと Sass スタイルです。コンポーネントのアーキテクチャは、Brad Frost の Atomic Design からインスピレーションを得ています。
ほとんどのコンポーネントには、同じ名前の単一の.scssファイルが関連付けられています。 components/stylesにはいくつかのグローバル スタイルもあります。スタイルは、Webpack のstyle-loader 、 css-loader 、 autoprefixer 、 postcss-loader 、およびsass-loaderによってバンドルされ、ロードされます。
コンポーネントは、原子、分子、生物、ページ、モーダルに分割されます。経験則では、小さいものは大きいものを使用すべきではありません。つまり、原子は他のコンポーネントに依存してはならず、分子は原子にのみ依存することができる、などということになります。
ページは現在、歴史的な理由から/components外にありますが、将来的にはこのフォルダーに移動される予定です。
ルートコンポーネントはcomponents/Root.tsxであり、ReactDOM.renderはindex.tsx内で呼び出されます。
React Redux リデューサーはここにあります。ロジックはまったく必要なく、メッセージを受信して Redux ストアを更新するだけです。
Redux-Saga の物語がここに住んでいます。アプリケーションのロジックのほとんど、特にすべての副作用は、物語や物語のみに含めるべきです。
アプリケーションで使用されるすべての画像。これらは、File Loader Webpack プラグインを使用してロードおよびバンドルすることで、images/Images.tsx 内のクラスのstatic readonly要素として公開されます。
JavaScript のネイティブ型の拡張機能はここにあります。
私たちは主に StandardJS と AirBnB の JS スタイル ガイドに従っています。まだスタイルを自動的に適用していません。
いくつかのルール:
var禁止されており、可能な限りlet避けるべきであり、代わりに常にconst使用してください。
