Auch wenn, wie Romain sagt, Zu viel Tutorial-Tötungs-Tutorial, Hier ist eine schöne Liste mit Tutorials und Ressourcen zu GraphQL.
Jeder kann mitnehmen, was er braucht. Fühlen Sie sich frei, uns über die Kommentare andere Ressourcen mitzuteilen und warum nicht Ihre?
Buch: GraphQL und Relay lernen (Autor: Samer Buna)
Buchbeschreibung : Es gibt eine neue Wahl für die Implementierung von APIs – die von Open Source und Facebook erstellte GraphQL-Spezifikation. GraphQL wurde entwickelt, um viele der Probleme bei der Arbeit mit REST zu lösen, und wird zusammen mit RelayJS geliefert, einer React-Bibliothek zum Abfragen eines Servers, der die GraphQL-Spezifikation implementiert. Dieses Buch führt Sie schnell und einfach durch die Fähigkeiten, die Sie benötigen, um produktionsreife Anwendungen mit GraphQL und RelayJS zu erstellen.
Beginnend mit einer soliden Grundlage in der GraphQl-Spezifikation geht dieses Buch schnell dazu über, wie eine Datenschicht für Ihre Webanwendung mit Relay implementiert werden kann. Machen Sie sich mit GraphQL- und Relay-Konzepten vertraut, indem Sie Datencontainer, Datenmaskierung und mehr erstellen, während Sie beim Erstellen einer produktionsreifen Anwendung vorankommen.
https://www.amazon.fr/Learning-GraphQL-Relay-Samer-Buna/dp/1786465752/
Einführung in GraphQL (Quelle GraphQL)
Erfahren Sie in dieser Artikelserie mehr über GraphQL, wie es funktioniert und wie Sie es verwenden. Suchen Sie nach einer Dokumentation zum Erstellen eines GraphQL-Dienstes? Es gibt Bibliotheken, die Ihnen bei der Implementierung von GraphQL in vielen verschiedenen Sprachen helfen.
http://graphql.org/learn/
GraphQL-Schemasprache-Spickzettel (Quelle Hafiz Ismail)
Macht Sie garantiert zu einem besseren und respektierten GraphQLinguisten unter Ihren Kollegen.
PDF-Datei herunterladen.
So verwenden Sie GraphQL in Ihrer Redux-App (Quelle: freecodecamp.com)Am Ende dieses Tutorials werden Sie gelernt haben, wie Sie dieses Problem lösen können, indem Sie den Apollo-Client Daten für Sie abrufen und verwalten lassen. Sie müssen nicht mehr mehrere Aktions-Dispatcher, Reducer und Normalizer schreiben, um Daten zwischen Ihrem Front-End und Ihrem Back-End abzurufen und zu synchronisieren.
https://medium.freecodecamp.com/tutorial-how-to-use-graphql-in-your-redux-app-9bf8ebbeb362
Nahtlose Integration für GraphQL und React (Quelle: James Baxley III)
Aufbau einer besseren API für React-Apollo
Eines der Dinge, die React wunderbar machen, ist, dass alles, was Sie über eine Ansicht wissen müssen, an einem Ort ist. Die Logik hinter der Ansicht, das von ihr erstellte Markup und sogar das CSS befinden sich alle in einer Datei. Diese Idee nennt sich Colocation und macht Ihre Anwendung viel testbarer und verständlicher.
https://medium.com/apollo-stack/seamless-integration-for-graphql-and-react-6ffc0ad3fead
Von REST zu GraphQL (Quelle: 0x2a.sh)
GraphQL ist noch neu und Best Practices entstehen immer noch. Dieser Beitrag beschreibt einen Teil meiner Reise bei der Implementierung eines GraphQL-Backend-Dienstes, also ist es eine Momentaufnahme dessen, was ich bisher gelernt habe, präsentiert in der Hoffnung, dass es für andere nützlich sein wird. Außerdem wurden einige der spezifischen realen Implementierungsdetails innerhalb von Playlist aus offensichtlichen Gründen umschrieben / vereinfacht / anonymisiert.
https://0x2a.sh/from-rest-to-graphql-b4e95e94c26b
Wie mache ich GraphQL? (Quelle: )
Die 3 wichtigsten Dinge, die Sie von REST wissen sollten
Die Abfragesprache von GraphQ ist sehr einfach zu verstehen. Für die meisten Leute macht es sofort Klick und erfordert nicht viel Erklärung. Dank des Typsystems von GraphQL und Tools wie GraphQL – einem Query Builder/Editor für GraphQL – ist das Erlernen von GraphQL überhaupt nicht schwer, und seine Vorteile gegenüber herkömmlichen RESTful-APIs werden ziemlich schnell offensichtlich.
https://medium.com/apollo-stack/how-do-i-graphql-2fcabfc94a01
Verschieben bestehender API von REST zu GraphQL (Quelle: Jonas Helfer – Core Dev @meteorjs, @apollostack)
Also habe ich in den letzten 6 Monaten auf fast jeder Konferenz zum Thema Webentwicklung Vorträge über GraphQL gesehen. Es werden viele Beiträge und Artikel darüber veröffentlicht. Aber all diese Dinge drehen sich meistens um Grundlagen von GraphQL oder neue Features und sahen oberflächlich aus. Daher möchte ich über meine persönlichen Erfahrungen mit der Übernahme eines wirklich großen Systems in GraphQL berichten.
https://medium.com/@raxwunter/moving-existing-api-from-rest-to-graphql-205bab22c184
Erstellen eines GraphQL-Servers mit Node.js und MongoDB (Quelle: Bruno Mota / sitepoint.com)
Wir stellen GraphQL vor, eine Abfragesprache, die die Kommunikation zwischen Client- und Serverseite vereinheitlicht. Es ermöglicht der Clientseite, in einer einzigen Anfrage genau die Daten zu beschreiben, die sie benötigt.
In diesem Artikel erstellen wir einen Node.js/Express-Server mit einer GraphQL-Route, die alle unsere Abfragen und Mutationen verarbeitet. Anschließend testen wir diese Route, indem wir einige POST-Anforderungen senden und das Ergebnis mit Postman analysieren.
Den vollständigen Quellcode für diese Anwendung finden Sie hier. Ich habe auch eine Postman-Sammlung erstellt, die Sie hier herunterladen können.
https://www.sitepoint.com/creating-graphql-server-nodejs-mongodb/
Tutorial: Erste Schritte mit GraphQL-Abfragen und -Mutationen (Quelle: Tim Lucas / buildkite.com)
GraphQL ist ein neuer Standard zum Definieren, Abfragen und Dokumentieren von APIs auf benutzerfreundliche Weise, mit integrierter Dokumentation, einer benutzerfreundlichen Abfragesprache und einer Reihe von Tools, die Ihnen den Einstieg erleichtern ⚡️
Wenn Sie Buildkite verwendet haben, dann haben Sie GraphQL verwendet – wir haben fast die gesamte Front-End-Entwicklung über unseren öffentlichen GraphQL-Endpunkt (graphql.buildkite.com) vorangetrieben?
Ich zeige Ihnen, wie Sie mit GraphQL geplante Builds auf Buildkite erstellen – eine Funktion, die noch nicht einmal über die Web-Benutzeroberfläche verfügbar ist! ✨
https://building.buildkite.com/tutorial-getting-started-with-graphql-queries-and-mutations-11211dfe5d64
GraphQL vs. Relais (Quelle: Arunoda Susiripala / kadira.io)
Wenn Sie mit GraphQL vertraut sind, haben Sie wahrscheinlich schon von Relay gehört und umgekehrt. Aber manchmal werden diese Produkte als dasselbe behandelt.
Der Unterschied ist klar. GraphQL bietet eine Möglichkeit, Daten in Ihrer App zu modellieren und verfügbar zu machen. Sie können es auf jeder Art von Datenquelle und mit jeder Art von Transportschicht verwenden.
Auf der anderen Seite ist Relay eine effiziente clientseitige Datenabruftechnologie, die für React entwickelt wurde. Es kommuniziert mit einem GraphQL-Schema, um Daten zu erhalten. Relay hat auch einen serverseitigen Teil, der einige Funktionen zusätzlich zu GraphQL hinzufügt.
Wenn Sie GraphQL noch nicht ausprobiert haben, versuchen Sie es mit unserem Learn GraphQL-Kurs. Sie können es in weniger als 2 Stunden absolvieren.
https://kadira.io/blog/graphql/graphql-vs-relay
Bis bald für einen nächsten Lebenslauf über Meteor.
Sebastien, @JS-Republik
Weitere Artikel zu Ressourcen und Tutorials:
- REAGIEREN: http://blog.js-republic.com/20-resources-and-tutorials-about-reactjs-framework/
- KNOTEN: http://blog.js-republic.com/compilation-de-tutos-ressources-nodejs/
- GRAPHQL: http://blog.js-republic.com/compilation-ressources-graphql/ (? Du bist da)
- METEOR: http://blog.js-republic.com/compilation-ressources-meteor/
- TYPOSKRIPT: http://blog.js-republic.com/resources-range-about-typescript/
- REDUX: http://blog.js-republic.com/resources-range-about-redux/
- EmberJS: http://blog.js-republic.com/emberjs-resources-range/
- Winkel: http://blog.js-republic.com/angular-resources-range/
