shards dashboard react

シャードダッシュボードの反応

最新のデザイン システムを備えた無料の React 管理者ダッシュボード テンプレート パック
多数のカスタム テンプレートとコンポーネント。

注: Sketch ファイルは公式製品ページからダウンロードできます。

クイックスタート

• 依存関係をインストールするには、 yarnまたはnpm installを実行します。
• yarn startまたはnpm run startを実行して、ローカル開発サーバーを起動します。
• ?それでおしまい！素晴らしいダッシュボードの構築を始める準備ができました。

プロジェクトの構造

• このプロジェクトは、Create React App を使用してブートストラップされます。
• Fluxは状態管理に使用され、すべての Flux 固有のファイルはsrc/flux内にあります。 Redux などのより堅牢なソリューションへの移行も非常に簡単です。
• すべてのプライマリ テンプレートはsrc/views内にあります。
• src/layouts内には単一のレイアウト (デフォルト) が 1 つだけ定義されていますが、現在の構造では UI キットを拡張する簡単な方法が提供されています。
• src/componentsディレクトリは、テンプレート固有のすべてのサブコンポーネントを独自のサブディレクトリでホストします。
• Shards Dashboard から継承されたレイアウト スタイルはsrc/App.js内のsrc/shards-dashboardサブモジュールから取得されます。
• 使用されるライブラリに固有のその他の追加のスタイルは、 src/assets内にあります。
• src/utilsディレクトリには、汎用の Chart.js ユーティリティが含まれています。

利用可能なスクリプト

npm start

アプリを開発モードで実行します。

npm test

インタラクティブウォッチモードでテストランナーを起動します。

npm run build

実稼働用のアプリをbuildフォルダーにビルドします。

npm run eject

注: これは一方向の操作です。一度ejectと、元に戻すことはできません。

ビルド ツールと構成の選択に満足できない場合は、いつでもejectことができます。このコマンドは、プロジェクトから単一のビルド依存関係を削除します。

?プロ版

さらに何かをお探しの場合は、さらに多くのカスタム テンプレートとコンポーネントを備えた Shards Dashboard Pro React をチェックしてください。現在の価格から 15% 割引するには、 GITHUB15クーポン コードを使用します。

を使用して構築

• シャード反応
• チャート.js
• フラックス
• UIスライダーなし
• React 日付ピッカー
• 羽根ペン

変更履歴

CHANGELOGをチェックしてください。