Firebase React Admin Biolerplate は、 Google Firebase が提供するサーバーレス インフラストラクチャを使用して、React で最新のスケーラブルな Web アプリケーションを構築するためのプロジェクト テンプレート (別名、ボイラープレート) です。これにより時間を節約し、強固な基盤とデザイン パターンに基づいて構築することができます。
このプロジェクトは、Create React App を使用してブートストラップされました。
開発およびテストインフラストラクチャ用の React App (★ 76k) の作成 (ユーザーガイドを参照)
Google のマテリアル デザインを統合することで開発時間を短縮するマテリアル UI (★ 54k)
React ダッシュボード (★ 2k) マテリアル UI のコンポーネントで作成された無料の React ダッシュボード
宣言型ルーティングとクライアント側ナビゲーションのための Reach Router (★ 6k)
React Dropzone (★ 7k) ファイル用の HTML5 準拠のドラッグ アンド ドロップ ゾーンを作成するためのシンプルな React フック。
TypeScript (★ 58k) TypeScript は、クリーンな JavaScript 出力にコンパイルされる JavaScript のスーパーセットです。
サーバーレス アーキテクチャのための Google Cloud と Firebase - Cloud SQL、Cloud Functions、CDN ホスティング、ファイル ストレージ(ドキュメント)
また、HTML、CSS、JavaScript (ES2015)、TypeScript、React にも精通している必要があります。
Node.js v12.13 以降 + Yarn v1.21.1 以降 (ヒント: Mac では Brew 経由でインストールします)
VS Code エディター (推奨) + EditorConfig、ESLint、および Prettier プラグイン
リポジトリのクローンを作成し、 .env
および/または.env.local
ファイルの環境変数を更新して、ハッキングを開始するだけです。
$ git clone [email protected]:nightillusions/react-firebase-material-admin.git MyApp $ cd マイアプリ $yarn #依存関係をインストールします$yarnstart #アプリをコンパイルし、「ライブリロード」でブラウザで開きます
次に、http://localhost:3000/ を開いてアプリを確認します。
詳細については、プロジェクトの Wiki の導入ガイドを参照してください。
このリポジトリを複製した後、元の Git 履歴を保持している場合は、次のコマンドを実行することで、いつでも最近の更新をフェッチしてプロジェクトにマージし直すことができます。
$ git リモート追加 frab [email protected]:nightillusions/react-firebase-material-admin.git $ git チェックアウト マスター $ git フェッチ フラブ $ git merge frab/master $ 糸インストール
_NOTE: 新しい変更が上流リポジトリのmaster
ブランチに反映されたらすぐにマージするようにしてください。そうしないと、プロジェクトがベース/アップストリーム リポジトリと大きく異なる可能性があります。
著作権 © 2020 パスカル・ジョルダン。このソース コードは、LICENSE.txt ファイルにある MIT ライセンスに基づいてライセンスされています。
Pascal Jordin による ♥ で作られています (ウェブサイト) お問い合わせください!