What is this?
Relay is a JavaScript framework for building data-driven React applications: you declare what data your components need with GraphQL, and Relay handles how and when to fetch it.
Relay is a JavaScript framework for building data-driven React applications: you declare what data your components need with GraphQL, and Relay handles how and when to fetch it.How is working with data different from the usual React approach?It is declarative and colocated: instead of imperative calls to your data store, you declare data requirements right next to the views that rely on them, so queries and UI stay together and easier to reason about.
It is declarative and colocated: instead of imperative calls to your data store, you declare data requirements right next to the views that rely on them, so queries and UI stay together and easier to reason about.How do I try it out?Clone the relay-examples repository — it contains a TodoMVC implementation you can run and then open in your browser. The README also links to docs for using Relay in your own project.
Clone the relay-examples repository — it contains a TodoMVC implementation you can run and then open in your browser. The README also links to docs for using Relay in your own project.Do I need a GraphQL backend to use it?Yes. GraphQL is the contract for both reads and writes — you declare data requirements with GraphQL queries and change data with GraphQL mutations — so your app talks to a GraphQL API.
Yes. GraphQL is the contract for both reads and writes — you declare data requirements with GraphQL queries and change data with GraphQL mutations — so your app talks to a GraphQL API.What do I get for mutations?Automatic data consistency, optimistic updates and error handling, for mutations on both the client and the server, all expressed as GraphQL mutations.
Automatic data consistency, optimistic updates and error handling, for mutations on both the client and the server, all expressed as GraphQL mutations.Is Relay actually used in production?Yes — the repo keeps a community-maintained list of people and projects running Relay in production, and the project has been on GitHub since 2015.
Yes — the repo keeps a community-maintained list of people and projects running Relay in production, and the project has been on GitHub since 2015.GitHub shows Rust as the main language — is Relay Rust or JavaScript?The code you install and use is JavaScript — npm packages wired into React apps with Babel. Rust is what GitHub reports as the repo's primary language, which reflects its compiler component.
The code you install and use is JavaScript — npm packages wired into React apps with Babel. Rust is what GitHub reports as the repo's primary language, which reflects its compiler component.Does it help keep network traffic down?Yes — Relay aggregates your queries into efficient network requests and fetches only the data your app actually needs.
Yes — Relay aggregates your queries into efficient network requests and fetches only the data your app actually needs.Which topics is it in?declarative, frontend-framework, state-management, graphql, compiler, javascript-library, developers, web-development, performance, rust, framework, react
declarative, frontend-framework, state-management, graphql, compiler, javascript-library, developers, web-development, performance, rust, framework, react