react firebase material admin

Firebase React 管理員 Biolerplate
^{包括。 GitHub Actions 部署}

Firebase React Admin Biolerplate是一個專案範本（又稱樣板檔案），用於使用 Google Firebase 提供的無伺服器基礎架構透過 React 建立現代、可擴展的 Web 應用程式。它可以讓您節省時間並建立堅實的基礎和設計模式。

這個專案是透過 Create React App 啟動的。

技術堆疊

• 建立用於開發和測試基礎架構的 React App (★ 76k)（請參閱使用者指南）

• Material UI (★ 54k) 透過整合 Google 的 Material Design 來減少開發時間

• React Dashboard (★ 2k) 使用 Material UI 元件製作的免費 React Dashboard

• Reach Router (★ 6k) 用於宣告式路由和用戶端導航

• React Dropzone (★ 7k) 簡單的 React 掛鉤，用於為檔案建立相容 HTML5 的拖放區域。

• 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 # 安裝依賴項$yarn start # 編譯應用程式並使用「live reload」在瀏覽器中開啟它

然後打開 http://localhost:3000/ 查看您的應用程式。

如何部署

有關更多信息，請參閱專案 Wiki 中的部署指南。

如何更新

如果您在複製此儲存庫後保留原始 Git 歷史記錄，則始終可以透過執行下列命令來取得最新更新並將其合併回專案中：

 $ git Remote add frab [email protected]:nightillusions/react-firebase-material-admin.git
$ git checkout 大師
$ git 取得 frab
$ git 合併 frab/master
$ 紗線安裝

_注意：一旦新的變更到達上游儲存庫中的master分支，請嘗試合併，否則您的專案可能與基礎/上游儲存庫差異太大。

執照

版權所有 © 2020 帕斯卡喬丁。此原始程式碼根據 LICENSE.txt 檔案中的 MIT 許可證獲得許可。

---

由 Pascal Jordin 與 ♥ 一起製作（網站） 聯絡我們！