facebook / relay

✓ Official★ 18,900

A skill package that teaches your agent 1 capability — every one documented and browsable below, no GitHub required · by facebook.

Each skill below is one capability this package teaches your agent. Install the whole package, or open a skill to install just that one.

relay-best-practices🔥🔥🔥🔥✓ VerifiedFreeAdvanced setup

Relay is a GraphQL client for React that enforces colocated, composable, and type-safe data fetching. Its core insight is that each component should declare exactly what data it needs via GraphQL fragments, and Relay handles the rest — fetching, caching, consistency, and updates.

1 file — installable on its own

→

Relay ·

Relay is a JavaScript framework for building data-driven React applications.

Declarative: Never again communicate with your data store using an imperative API. Simply declare your data requirements using GraphQL and let Relay figure out how and when to fetch your data.
Colocation: Queries live next to the views that rely on them, so you can easily reason about your app. Relay aggregates queries into efficient network requests to fetch only what you need.
Mutations: Relay lets you mutate data on the client and server using GraphQL mutations, and offers automatic data consistency, optimistic updates, and error handling.

See how to use Relay in your own project.

Example

The relay-examples repository contains an implementation of TodoMVC. To try it out:

Copy & paste — that's it

git clone https://github.com/relayjs/relay-examples.git
cd relay-examples/todo
yarn
yarn build
yarn start

Then, just point your browser at http://localhost:3000.

Contribute

We actively welcome pull requests, learn how to contribute.

Users

We have a community-maintained list of people and projects using Relay in production.

License

Relay is MIT licensed.

Thanks

We'd like to thank the contributors that helped make Relay in open source possible.

The open source project relay-hooks allowed the community to experiment with Relay and React Hooks, and was a source of valuable feedback for us. The idea for the useSubscription hook originated in an issue on that repo. Thank you @morrys for driving this project and for playing such an important role in our open source community.

Thank you for helping make this possible!

Install the whole package (1 skills):

Copy & paste — that's it

npx skills add https://github.com/facebook/relay

Or install a single skill:

Copy & paste — that's it

npx skills add https://github.com/facebook/relay --skill <name>

Pick the skill name from the Skills tab — each entry there installs independently.