react mui vite ts

Starterprojekt für VITE mit React + MUI mit TypeScript

Mix von NPM erstellen Vite und MUI mit wiederverwendbaren Komponenten und Versorgungsunternehmen, um die professionelle Reaktionsanwendung schneller aufzubauen.

• Quellcode
• Online -Demo

Beinhaltet:

• Schöner für die Codeformatierung
• Eslint für die Fehlerprüfung
• Vitest (oder Scherz ) mit Testbibliothek zum Testen von Komponenten und Haken
• Satz gemeinsamer Komponenten , nützlichen Haken und wesentlichen Versorgungsunternehmen
• Statusverwaltung Verwenden der Kontext -API
• Verschiedene und maßgeschneiderte öffentliche und private Layouts
• Grundlegende Authentifizierungshaken und Ereignisse
• Dunkler und Lichtmodus mit einem Umschalten
• Favicon und manifest für PWA

Wie man benutzt

1. Klon oder Download das Repo von: https://github.com/karpolan/react-mui-vite-ts
2. .env.example .env
3. Ersetzen Sie _TITLE_ und _DESCRIPTION_ in allen Dateien durch eigene Texte
4. Überprüfen und beheben Sie alle // TODO: Richtlinien
5. Fügen Sie Ihren eigenen Code hinzu :)

Verfügbare Skripte

Im Projektverzeichnis können Sie ausführen:

npm run dev

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

Die Seite wird neu laden, wenn Sie Änderungen vornehmen.
Sie werden auch Fellfehler in der Konsole sehen.

npm run lint

Überprüft den Code auf Fehler und fehlende Dinge

npm run format

Formatiert den Code nach ./prettier.config.mjs config

npm test

Startet den Testläufer im interaktiven Uhrenmodus.

npm run build

Erstellt die App für die Produktion oder die lokale Entwicklung im dist -Ordner.