react admin low code

Reagieren admin niedriger code

Dies ist ein Beispiel für die React-Admin-Anwendung (Konfigurationsbasierte CRUD-Administrator-UI-Builder), die zeigt, wie der Datenanbieter ra-data-hasura mit einem HEDURA (automatischer GraphQL-API-Backend oben in PostgreSQL) verwendet wird. Durch die Kombination dieser beiden Technologien können Sie in wenigen Stunden eine gesamte Backoffice -Administrator -Suite erstellen.

Video -Tutorial: Erstellen von Admin -Schnittstellen mit React admin und Hasura GraphQL

Euen Beachten Sie, dass das RA-DATA-Hasura-Graphql-Repository jetzt abgeschrieben ist und in die offizielle Hasura-Organisation migriert wurde. Hasura hat diese Bibliothek übernommen und nun. Verwenden Sie diese Bibliothek in Zukunft: https://github.com/hasura/ra-data-hasura

Alternativen

@Dvasdekis hat dieses Konzept einen Schritt weiter und integrierter Docker für Entwicklung, Firebase for Authentication und Flyway für Datenbankmigrationen geführt.

Schauen Sie es sich hier an: React-Admin-Hasura-Firebase

@Hgiasac hat auch ein sehr vollständiges Beispiel mit TypeScript zusammengestellt. Er hat mehrere Zweige erstellt, die Auth mit JTW und Firebase sowie einem Backend demonstrieren, das Hasura -Aktionen und -Ereignisse enthält, und Auth:

• ra-hasura-typescript-boilerplate
• HaSura-Typescript-Boilerplate

Verfügbare Skripte

Im Projektverzeichnis können Sie ausführen:

yarn install

Abhängigkeiten installieren.

yarn start

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.

yarn test

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

yarn build

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

Der Build wird abgebaut und die Dateinamen enthalten die Hashes.
Ihre App ist bereit für die Bereitstellung!

Weitere Informationen finden Sie im Abschnitt zur Bereitstellung.