Author
Released
8/3/2017- Setting up GraphQL
- Running queries
- Updating schema and solvers
- Adding data
- Adding Relay entry components
- Coding GraphQL fragments
Skill Level Advanced
Duration
Views
- [Emmanuel] In a world filled with data, the developers behind the technologies supporting our applications constantly push the envelope to take them to the next level. GraphQL, Relay, and React are three great technologies that allow us to build integrated components that fetch data efficiently. In this course, I'll show you how to leverage Relay to fetch GraphQL data into your React components. Like The Three Musketeers, these technologies work best as a team. These libraries were literally made for each other.
Hi, I'm Manny Henri, and I've been working with React since its release, and it is my great pleasure to introduce you to Relay Modern and GraphQL and demonstrate how they integrate with React. In this course, we'll first set up our tools. Then we'll get you going with your first GraphQL server and we'll use GraphQL to do some queries and mutations. Next, we'll set up Relay and integrate it with our GraphQL server. Finally, we'll conclude with our React components and code GraphQL fragments directly inside them, again, leveraging Relay methods.
So if you're ready to learn about these amazing libraries while building a friend application, fire up your favorite editor and let's get started.
Related Courses
-
Learning GraphQL
with Eve Porcello52m 57s Intermediate
-
Introduction
-
Welcome1m 14s
-
Use the exercise files1m 10s
-
-
1. Introduction and Setup
-
IDE and required tools1m 15s
-
GraphQL overview1m 28s
-
The GraphQL setup6m 23s
-
-
2. GraphQL Development
-
Overview of GraphiQL2m 25s
-
Run queries with arguments3m 32s
-
Update into GraphiQL3m 44s
-
-
3. Relay Setup
-
Introduction to Relay Modern4m 38s
-
Code the base HTML4m 48s
-
-
4. React Integration
-
Create the friends component4m 54s
-
Create the friend component8m 25s
-
Final touches with materialize13m 54s
-
-
Conclusion
-
Next steps1m 12s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Welcome