react apollo realworld example app

React + Apollo-Codebasis mit Beispielen aus der Praxis (CRUD, Authentifizierung, erweiterte Muster usw.), die der RealWorld-Spezifikation und der GraphQL-API entspricht.

Demo RealWorld

Diese Codebasis wurde erstellt, um eine vollwertige Full-Stack-Anwendung zu demonstrieren, die mit React + Apollo erstellt wurde, einschließlich CRUD-Operationen, Authentifizierung, Routing, Paginierung und mehr.

Erste Schritte

Sie können eine Live-Demo unter https://realworld-react-apollo.herokuapp.com/ ansehen.

Um das Frontend lokal zum Laufen zu bringen:

1. Klonen Sie dieses Repo
2. npm install um erforderliche Abhängigkeiten zu installieren
3. npm start zum Starten des Entwicklungsservers

Anfragen an die Backend-API stellen

Der Einfachheit halber verfügen wir über einen Live-GraphQL-API-Server unter https://realworld-graphql.herokuapp.com/graphql, an den die Anwendung Anfragen stellen kann. Sie können hier die GraphQL-API-Spezifikation anzeigen, die das Schema für den Server enthält.

Der Quellcode für den Backend-Server (verfügbar für Ruby on Rails) finden Sie in diesem Repo.

Wenn Sie die API-URL auf einen lokalen Server ändern möchten, setzen Sie einfach die Umgebungsvariable REACT_APP_GRAPHQL_URL auf eine andere URL. REACT_APP_GRAPHQL_URL=http://localhost:3000/graphql yarn start