Well crafted sequence of Learning path to Become a Relay expert.
The Become series is a well crafted sequence of learning path that guides you step by step to become an expert in a particular technology. It's time to stop getting overwhelmed by too many resources and start following your own path.
We recommend you to follow the path in order without skipping ahead.
List of prerequisites that you should know before getting started with Relay.
| Topic | Resource | Description |
|---|---|---|
| React | React Howto | Learn React ecosystem |
| GraphQL | Learn GraphQL by KADIRA | Good walk through the GraphQL concepts |
| Learn GraphQL by mugli | Example of using GraphQL in Nodejs | |
| GraphQL at Facebook | Explain GraphQL in react-europe 2016 |
| Topic | Resource | Description |
|---|---|---|
| Why Relay? | Unofficial Relay FAQ | Understand why Relay has been invented, and what is its value proposition |
| Overview | Cartoon guides to Relay | Understand how Relay works by reading cartoon guides |
| Compositions | Relay for Visual Learners | Visualize each component in Relay |
| Try it yourself | Building A Hacker News Client | Get your hand dirty by building a real Relay application |
| Relay's way | Thinking In Relay | Think in the Relay's way |
| Queries and Fragments | Query data | Understand how different between Queries and Fragments |
| Mutations | A beginner's guide to Relay mutations | Learn how to mutate data |
| Subscriptions | Subscriptions in GraphQL and Relay | Understand how to use subscriptions for real time update |
UPDATE: There is a great new resource called Learn Relay, which aggregated the whole Relay topics in the table above. It takes you step by step through the fundamental concepts of Relay along with practical examples. We highly recommend you to check it out.
| Topic | Resource | Description |
|---|---|---|
| APIs | Relay official doc | Deeply understand Relay by reading the official API references and interfaces |
| Data fetching | Relay Deep Dive | Understand the mechanism behind the scene that Relay uses to fetch data |
| Full-stack app | Building Data-driven React Applications with Relay, GraphQL, and Flux | Build a Relay integrated with Node/Express and MongoDB |
After follow along the path, you could go further by reading through the source code of Relay project on github. Also if you need help, Relay team has an awesome support.
Contributions welcome.
MIT © Varayut Lerdkanlayanawat