oftadeh react admin

Oftadeh React Admin

Oftadeh – React Admin Responsive Template ist eine React-App, die vollständig mit Javascript (reactjs & material-ui) geschrieben wurde und keine jQuery-Abhängigkeit aufweist.

Um eine Live-Demo anzusehen, klicken Sie hier.

Reagieren

React ist der Kern unserer Vorlage. Wenn Sie nicht wissen, was React ist oder nicht wissen, wie man es verwendet, empfehlen wir Ihnen dringend, React zu überprüfen, bevor Sie mit Oftadeh anfangen.

React-App erstellen (CLI)

Create React App ist ein von Facebook-Entwicklern entwickeltes Tool, das Sie beim Erstellen von React-Anwendungen unterstützt. Es erspart Ihnen die zeitaufwändige Einrichtung und Konfiguration.

Inhaltsverzeichnis

• Oftadeh React Admin
  • Reagieren
  • React-App erstellen (CLI)
  • Inhaltsverzeichnis
  • Voraussetzungen
    • Node.js
  • Installation
    • Entwicklung
    • Produktion
    • Einsatz
  • Projektstruktur
  • Quellen und Credits
  • Verfügbare Skripte
    • npm start
    • npm test
    • npm run build
    • npm run eject
  • Erfahren Sie mehr
    • Code-Splitting
    • Analyse der Bündelgröße
    • Erstellen einer progressiven Web-App
    • Erweiterte Konfiguration
    • Einsatz
    • npm run build kann nicht minimiert werden
  • Lizenz
  • Spenden

Voraussetzungen

In diesem Abschnitt erhalten Sie einige Informationen darüber, welche Werkzeuge Sie benötigen.

Node.js

Um Oftadeh React zu installieren und zu verwenden, muss Node.js auf Ihrem Computer installiert sein. Wir werden nicht zu sehr ins Detail auf Node.js eingehen, da es den Rahmen dieser Dokumentation sprengt. Außerdem müssen Sie Node.js nicht tatsächlich verwenden, es ist nur für den Entwicklungsprozess erforderlich.

Installation

A. Installationsvoraussetzungen
Laden Sie mindestens LTS oder die neueste Version von Node.js von der Website herunter und installieren Sie sie.

B. Installation von Oftadeh React
Öffnen Sie Ihre bevorzugte Konsolenanwendung (Terminal, Eingabeaufforderung usw.), navigieren Sie in Ihren Arbeitsordner, führen Sie den folgenden Befehl aus und warten Sie, bis der Vorgang abgeschlossen ist:

npm install

Dieser Befehl installiert alle erforderlichen Node.js-Module im Verzeichnis node_modules in Ihrem Arbeitsordner.
Und jetzt sind Sie bereit, Oftadeh React zum ersten Mal auszuführen.

Entwicklung

Führen Sie, während Sie sich noch in Ihrem Arbeitsordner befinden, den folgenden Befehl in der Konsolenanwendung aus:

npm start

Und das ist es. Die create-react-app kümmert sich um alles und startet den Oftadeh React.
Sie können Ihre Konsolenanwendung überprüfen, um weitere Informationen über den Server zu erhalten. Standardmäßig wird es auf [http://localhost:3000](http://localhost:3000) ausgeführt, dies kann sich jedoch je nach Einrichtung ändern

Produktion

Der folgende Befehl erstellt die Anwendung in einem Ausgabeverzeichnis

npm run build

Kompiliert die Anwendung in das Verzeichnis /build

Einsatz

Zur Kasse gehen Sie in der Create-React-App-Dokumentation von Facebook:Bereitstellung

Projektstruktur

Hier ist die Projektstruktur des Oftadeh React:

Quellen und Credits

• Material-UI
• clsx
• React-Draft-Wysiwyg
• jodit-reagieren
• Material-Design-Ikonen
• fslightbox
• React-Router-Dom
• Materialtabelle
• Mui-Datentabellen
• Moment
• React-Big-Kalender
• recharts
• reagieren-chartjs-2

Dieses Projekt wurde mit Create React App gebootstrappt.

Verfügbare Skripte

Im Projektverzeichnis können Sie Folgendes ausführen:

npm start

Führt die App im Entwicklungsmodus aus.
Öffnen Sie http://localhost:3000, um es im Browser anzuzeigen.

Die Seite wird neu geladen, wenn Sie Änderungen vornehmen.
Eventuelle Flusenfehler werden Ihnen auch in der Konsole angezeigt.

npm test

Startet den Testläufer im interaktiven Überwachungsmodus.
Weitere Informationen finden Sie im Abschnitt zum Ausführen von Tests.

npm run build

Erstellt die App für die Produktion im build -Ordner.
Es bündelt React im Produktionsmodus korrekt und optimiert den Build für die beste Leistung.

Der Build wird minimiert und die Dateinamen enthalten die Hashes.
Ihre App ist bereit zur Bereitstellung!

Weitere Informationen finden Sie im Abschnitt zur Bereitstellung.

npm run eject

Hinweis: Dies ist ein einseitiger Vorgang. Sobald Sie eject , können Sie nicht mehr zurück!

Wenn Sie mit dem Build-Tool und den Konfigurationsoptionen nicht zufrieden sind, können Sie es jederzeit eject . Dieser Befehl entfernt die einzelne Build-Abhängigkeit aus Ihrem Projekt.

Stattdessen werden alle Konfigurationsdateien und transitiven Abhängigkeiten (Webpack, Babel, ESLint usw.) direkt in Ihr Projekt kopiert, sodass Sie die volle Kontrolle darüber haben. Alle Befehle außer eject funktionieren weiterhin, verweisen jedoch auf die kopierten Skripte, sodass Sie sie optimieren können. An diesem Punkt sind Sie auf sich allein gestellt.

Sie müssen niemals eject verwenden. Der kuratierte Funktionsumfang eignet sich für kleine und mittlere Bereitstellungen, und Sie sollten sich nicht verpflichtet fühlen, diese Funktion zu verwenden. Wir verstehen jedoch, dass dieses Tool nicht nützlich wäre, wenn Sie es nicht anpassen könnten, wenn Sie dazu bereit sind.

Erfahren Sie mehr

Weitere Informationen finden Sie in der Dokumentation zum Erstellen einer React-App.

Um React zu lernen, schauen Sie sich die React-Dokumentation an.

Code-Splitting

Dieser Abschnitt wurde hierher verschoben: https://facebook.github.io/create-react-app/docs/code-splitting

Analyse der Bündelgröße

Dieser Abschnitt wurde hierher verschoben: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

Erstellen einer progressiven Web-App

Dieser Abschnitt wurde hierher verschoben: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

Erweiterte Konfiguration

Dieser Abschnitt wurde hierher verschoben: https://facebook.github.io/create-react-app/docs/advanced-configuration

Einsatz

Dieser Abschnitt wurde hierher verschoben: https://facebook.github.io/create-react-app/docs/deployment

npm run build kann nicht minimiert werden

Dieser Abschnitt wurde hierher verschoben: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify

Lizenz

Völlig kostenlos (MIT)! Weitere Informationen finden Sie unter LICENSE.md.

Spenden

Sie können für uns spenden. Link zum Spenden