Community Learning Resources
Relay example projects​
These projects serve as an example of how to use Relay in real world applications. Some of them are even with educational videos.
- github.com/relayjs/relay-examples
- github.com/adeira/relay-example
- github.com/juffalow/react-relay-example
Learn basics​
Here, you will find articles written by Relay community. They are touching basic topic which are necessary for your daily work.
- What is a fragment? Basic explanation of what is a fragment and what it is used for (by @sibelius)
- Relay anti-patterns. What you should avoid doing when using Relay concepts (by Entria)
- Insights of how Relay Modern has improved a lot since Relay Classic (by Entria)
- How to use @argumentsDefinitions to define local variables to your fragments (by Entria)
- How to paginate using a Refetch Container. You can use a refetch container to paginate as well, just use renderVariables correctly (by Entria)
About Relay Store​
- How Relay Modern stores your data (by @sibelius)
- Deep Dive of Updater Relay Store function. How to update your store properly after a mutation or subscription (by Entria)
- Optimistic Update: how to update your UI before server responds (by Entria)
- Local State Management, part 1 - how to create a controlled input using Relay (by @babangsund)
- Local State Management, part 2 - how to manage global state and localStorage persistence on the client, using Relay (by @babangsund)
- Local State Management, part 3 - using LocalQueryRenderer and local state to manage nested fragments (by @babangsund)
Network Layer​
Relay Configuration​
- Relay Modern with TypeScript - how to configure Relay Modern to make it with TypeScript (by @sibelius)