Firebase React Admin Biolerplate ist eine Projektvorlage (auch Boilerplate genannt) zum Erstellen moderner, skalierbarer Webanwendungen mit React unter Verwendung der von Google Firebase bereitgestellten serverlosen Infrastruktur. Dadurch können Sie Zeit sparen und auf einer soliden Grundlage und Designmustern aufbauen.
Dieses Projekt wurde mit Create React App gebootstrappt.
React App erstellen (★ 76k) für Entwicklungs- und Testinfrastruktur (siehe Benutzerhandbuch)
Material UI (★ 54k) zur Verkürzung der Entwicklungszeit durch Integration von Googles Material Design
React Dashboard (★ 2k) Kostenloses React Dashboard, erstellt mit den Komponenten von Material UI
Reach Router (★ 6k) für deklaratives Routing und clientseitige Navigation
React Dropzone (★ 7k) Einfacher React-Hook zum Erstellen einer HTML5-kompatiblen Drag'n'Drop-Zone für Dateien.
TypeScript (★ 58k) TypeScript ist eine Obermenge von JavaScript, die kompiliert wird, um die JavaScript-Ausgabe zu bereinigen.
Google Cloud und Firebase für serverlose Architektur – Cloud SQL, Cloud Functions, CDN-Hosting, Dateispeicherung (Dokumente)
Außerdem müssen Sie mit HTML, CSS, JavaScript (ES2015), TypeScript und React vertraut sein.
Node.js v12.13 oder höher + Yarn v1.21.1 oder höher ( TIPP: Auf dem Mac über Brew installieren )
VS-Code-Editor (bevorzugt) + EditorConfig-, ESLint- und Prettier-Plug-Ins
Klonen Sie einfach das Repo, aktualisieren Sie die Umgebungsvariablen in der Datei .env
und/oder .env.local
und beginnen Sie mit dem Hacken:
$ git clone [email protected]:nightillusions/react-firebase-material-admin.git MyApp $ cd MyApp $ Yarn # Installiert Abhängigkeiten$ Yarn Start # Kompiliert die App und öffnet sie in einem Browser mit „Live Reload“
Öffnen Sie dann http://localhost:3000/, um Ihre App anzuzeigen.
Weitere Informationen finden Sie im Bereitstellungsleitfaden im Wiki des Projekts.
Wenn Sie nach dem Klonen dieses Repos den ursprünglichen Git-Verlauf behalten, können Sie jederzeit die letzten Updates abrufen und wieder in Ihr Projekt einbinden, indem Sie Folgendes ausführen:
$ git remote add frab [email protected]:nightillusions/react-firebase-material-admin.git $ Git Checkout Master $ git fetch frab $ git merge frab/master $ Garn installieren
_HINWEIS: Versuchen Sie eine Zusammenführung, sobald die neuen Änderungen im master
-Zweig im Upstream-Repository landen, da sich Ihr Projekt sonst möglicherweise zu stark vom Basis-/Upstream-Repository unterscheidet.
Copyright © 2020 Pascal Jordin. Dieser Quellcode ist unter der MIT-Lizenz lizenziert, die in der Datei LICENSE.txt enthalten ist.
Hergestellt mit ♥ von Pascal Jordin (Website) Kontaktieren Sie uns!