In this video, Emmanuel Henri creates the base friends component and codes the GraphQL fragment with Relay code. He also goes throught the basics of GraphQL fragments.
- [Instructor] Now that we have our…relay integration base built up,…we can go ahead and continue coding our React components.…The way the rest of the project will be built…is to have a friends component holding the first fragment…then have the friends list component…and finally the list item component,…which I call friend dot js.…So let's get started with the base friends component.…So one thing I want to mention is…when you look at the query, the initial query,…you see that we're referencing the friends dot viewer.…So, basically the way to interpret this is…that when you have the friends component…then you have the props or call viewer…that are being passed to the next component in line.…
And this is how you would do something like this.…And this is a reference.…So, if we're not loading anything here,…then we don't have to load anything on this component.…So once we get to the next one,…then we're going to start building some things…like the id of the viewer and then pass…or the reference to the next component in line.…
- Setting up GraphQL
- Running queries
- Updating schema and solvers
- Adding data
- Adding Relay entry components
- Coding GraphQL fragments
Skill Level Intermediate
Node.js: Build Your First Microservicewith Daniel Khan2h 9m Intermediate
1. Introduction and Setup
2. GraphQL Development
3. Relay Setup
4. React Integration
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.Cancel
Take 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.