enlite starter Download - enlite starter Quellcode herunterladen

enlite starter

Andere Kategorien

1.0.0

Herunterladen

Enlite Starter – React Admin Dashboard-Vorlage für Full-Stack-Entwickler

Enlite Starter – React Dashboard Starter-Vorlage mit Firebase Auth http://enlite.ux-maestro.com

Lesen Sie die Dokumentation hier

https://ilhammeidi.github.io/enlite-docs/#firebase

Vorlagenfunktion

Moderne Technologien. Gebaut mit einer der beliebtesten Javascript-Bibliotheken React.JS und Redux
Premium-Designs. Einfache und elegante Themenfarbe sowie Dunkel- und Hellmodus
Mehrere Layouts und RTL-Unterstützung. Navigationslayout für die Seitenleiste und die obere Leiste. Auto-RTL-Anpassungsstil mit jss-rtl
Authentifizierung. Verwenden Sie die Social-Media- und E-Mail-Anmeldung von Firebase
Vorgefertigte Apps. Beispiel-CRUD-App mit Redux-Saga und Realtime DB-Integration.
Unterstützt Mehrsprachigkeit. Einschließlich 6 Übersetzungen Englisch, Deutsch, Arabisch, Chinesisch, Indonesisch, Spanisch.
Über 30 Reaktionskomponenten und Module, die wiederverwendbar und einfach zu modifizieren sind.
Verschiedene Beispielseiten, Landingpage, 2 Dashboards-Variante und vieles mehr
JavaScript der nächsten Generation, geschrieben in ES6
Responsives Design Basierend auf dem Standard-12-Raster-System
Starterprojekt. Erstellen Sie eine App von Grund auf, ohne von den eingebauten Funktionen abgelenkt zu werden.
Testeinheit. Funktionstest der Material-UI-Komponenten mit Mokka und Chai
Hohe Leistung. Styling mit JSS (CSS in JS) und Async Code Splitting.
Sauberer Code, der von eslint verwaltet wird.
Vollständige Vektorsymbole und Schriftartensymbole.
Direkte Codevorschau. Erhalten Sie Quellcode einfacher, ohne Dateien öffnen zu müssen.
Und viele mehr…

Holen Sie sich die Prime-Version

ERHALTEN SIE ES JETZT auf dem Envato Market

SIEHE DEMO

Installation

Klonen Sie dieses Projekt
Installieren Sie Modulabhängigkeiten, indem Sie dieses Skript in der Terminal- npm install ausführen
Nachdem Sie den Download abgeschlossen haben, erstellen Sie Build Webpack DLL-Abhängigkeiten (falls erforderlich). npm run build:dll
Führen Sie abschließend die App aus. npm start
Navigieren Sie zu http://localhost:3001

Einsatz

Zuerst müssen Sie die Produktionsressourcen erstellen, zuerst npm run build
Starten Sie dann die App npm run start:prod
Wenn Sie es im Hintergrund ausführen möchten, können Sie PM2 https://www.npmjs.com/package/pm2 ausprobieren. Führen Sie dann diesen Befehl aus: node node_modules/.bin/cross-env NODE_ENV=production pm2 start server
Navigieren Sie zu http://localhost:3001

Aktivieren Sie die direkte Codevorschau

Um den Zugriff und die Implementierung der Dokumentation einfach und effektiv zu gestalten, haben wir allen Komponentendemos Quellcode beigefügt. Wir nennen es direkte Codevorschau. Diese Funktion kann nur in gekauften Produkten verwendet werden (nicht in der Demo verfügbar).

Öffnen Sie die Konfigurationsdatei /app/config/codePreview.js
Standardmäßig auf false gesetzt
Ändern Sie enable: true , um die direkte Codevorschau zu aktivieren
Testen Sie mit einer beliebigen Komponentendemo, Beispiel in http://localhost:8080/app/tables/advanced-table.
Dann sehen Sie am unteren Rand jeder Komponente die Schaltfläche <> Code anzeigen . Klicken Sie einfach darauf.
Der Quellcode dieser Komponenten wird ebenfalls angezeigt.
Sie können jede Komponente vor Ihren Augen durchschauen, kopieren und direkt einfügen.