React-relay tutorial

1. What is Relay in React?
2. Why do relays React?
3. How Relay is different from Redux?
4. Why use Relay in GraphQL?

What is Relay in React?

Relay is a data management library for React that lets you fetch and update data with GraphQL. It embodies years of learning to give you outstanding performance by default while keeping your code stable and maintainable. Relay brings the composability of React components to data fetching.

Why do relays React?

Relay is designed for high performance at any scale. Relay keeps management of data-fetching easy, whether your app has tens, hundreds, or thousands of components. And thanks to Relay's incremental compiler, it keeps your iteration speed fast even as your app grows.

How Relay is different from Redux?

Relay is similar to redux in that they both use a single store. The main difference is that relay only manages state originated from the server, and all access to the state is used via GraphQL querys (for reading data) and mutations (for changing data).

Why use Relay in GraphQL?

Relay handles data through declarative statements in GraphQL, composing the data query into efficient batches while keeping to the stated data structuring. Because of this, Relay is very fast, very efficient, and more important, extensible to the application demands in a dynamic manner.