react-relay VS react-apollo

Compare react-relay vs react-apollo and see what are their differences.

react-relay

Relay is a JavaScript framework for building data-driven React applications. (by facebook)
Our great sponsors
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • SaaSHub - Software Alternatives and Reviews
react-relay react-apollo
50 8
18,170 6,933
0.3% -
9.7 7.9
6 days ago over 3 years ago
Rust TypeScript
MIT License -
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.

react-relay

Posts with mentions or reviews of react-relay. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-08-30.
  • How To Handle Data With GraphQL Relay Client Schema Extensions
    1 project | dev.to | 16 Jan 2024
    GraphQL Relay is one of the most powerful GraphQL clients that you can found on the web environment. It provides to you a lot of features that lets your development flow in a scalable way.
  • GraphQL clients that automatically combine queries/fragments
    1 project | /r/graphql | 7 Dec 2023
    GQty (https://gqty.dev/) and Relay (https://relay.dev/) will combine fragments or queries you request in your React components and will handle combining these / getting the data each component needs with as few queries as is possible. Are there any other clients I’ve missed? It’s not immediately clear to me whether this is possible with Urql via Exchanges (https://formidable.com/open-source/urql/docs/advanced/authoring-exchanges/).
  • Server-side Rendering (SSR) From Scratch with React
    5 projects | dev.to | 30 Aug 2023
    Inside Woovi, our entire codebase is managed by GraphQL using the Relay client framework. To ensure the best UX possible for our final user, we give some useful features in our payment link, like the real-time update after paying a charge. It's all handled by our GraphQL, which won't be solvable by templates in our use case.
  • Seeking advice: Should I continue my Web Developer job or pursue my passion for compilers?
    2 projects | /r/ExperiencedDevs | 17 Apr 2023
    Since you mentioned Node CRUD APIs, I'd probably suggest looking at Relay/GraphQL. Would give you exposure to some interesting and employable skills that wouldn't require you learning an entirely new domain on top of it. They are rewriting the current compiler in Rust, which since you mentioned Rust might be interesting to follow. Uneducated takes, but GraphQL is a schema IDL, so would probably be a good place to start to minimize lexical complexity while still having some cool abstract concepts to learn (interfaces, unions, etc).
  • Compressing GraphQL Global Node ID
    2 projects | dev.to | 10 Apr 2023
    You may be familiar with Global Object Identification(GOI), especially if you've used Relay.
  • Top React Data Fetching Libraries
    7 projects | dev.to | 31 Mar 2023
    Relay (17k ⭐) -> The production-ready GraphQL client for React, developed by Facebook, was designed to be performant from the ground up, built upon locally declaring data dependencies for components.
  • Twitter open sources Navi: High-Performance Machine Learning Serving Server in Rust
    5 projects | /r/rust | 31 Mar 2023
    I think open sourcing for free labor is a common misconception. Most corporate led open source projects (eg, https://github.com/bottlerocket-os/bottlerocket from AWS or https://github.com/facebook/relay from Facebook) still require a team of employees.
  • How Woovi uses Relay?
    3 projects | dev.to | 13 Mar 2023
    If you look at relay.dev, Relay is the GraphQL client that scales with you. This definition is simple and defines Relay pretty well for the ones that already know all the features that Relay brings to the table.
  • Relay – The GraphQL client that scales with you
    1 project | news.ycombinator.com | 2 Feb 2023
  • Is it possible to create a symbolic link to a folder to solve case sensitivity?
    5 projects | /r/linuxquestions | 1 Dec 2022
    https://github.com/psf/black/issues/338 https://github.com/VeriorPies/ParrelSync/issues/61 https://github.com/prusa3d/PrusaSlicer/issues/5751 https://github.com/iterative/dvc/issues/2530 https://github.com/facebook/relay/issues/3647 And I know godmode9 at one point absolutely freaked when navigating into a symlink. It kinda depends on the app and what it's trying to load

react-apollo

Posts with mentions or reviews of react-apollo. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2022-07-26.
  • Sending object's delta instead of whole object, for a subscription?
    2 projects | /r/graphql | 26 Jul 2022
    This apollo issue matches my problem: https://github.com/apollographql/react-apollo/issues/2866
  • 5 tips for debugging Apollo GraphQL MockedProvider
    3 projects | dev.to | 7 Jun 2022
    We’re heavy users of Apollo GraphQL in my team at Swarmia, but sometimes mocking the queries is bothersome. And based on a few GitHub comments, it looks like we’re not alone. This blog post is here to help!
  • React-Apollo, don't run query on component load
    1 project | /r/codehunter | 23 Apr 2022
    I'm using the awesome https://github.com/apollographql/react-apollo library and I'm trying to see if there is a better convention to load data into components than how I'm doing it now.
  • GraphQL with React Native
    1 project | /r/reactnative | 2 Mar 2022
    Hello guys, I'm working with GraphQL using Apollo Client and facing a big issue but haven't found a fix yet. The problem is with fetchMore callback. This trigger twice, one is the original call, second is the call with new variables. But onComplete only return the response of the original one. When I use nextFetchPolicy: "cache-first" it not trigger the original variables anymore, but the onComplete doesn't return the result of new call. I've looking for a solution on the internet and found this: https://github.com/apollographql/react-apollo/issues/2177 But a few years passed and there aren't any explain or fix. It makes me nervous about choosing apollo client for long-term usage. Can you suggest a client that still has maintainers?
  • GraphQL Code Generator - Introducing Hooks support for React Apollo plugin
    4 projects | dev.to | 29 Jul 2021
    React Apollo fits perfectly the requirements, and it now supports Hooks for your GraphQL operations.
  • Complex Apollo cache management with numerous parameterized queries made as painless as possible
    3 projects | /r/graphql | 15 Jun 2021
    I've been using Apollo for a couple of years now, and it is infamously nebulous when it comes to moderately complex real-world scenarios, such as parameterized queries. There are many years-spanning github issues on this problem alone, with barely any maintainable solutions proffered. I've written a lengthy guide that explains exactly how Apollo's InMemoryCache works under the hood and how to sanely solve these caching issues.
  • Apolloclient Refetch All Instances Of This Query
    1 project | /r/graphql | 6 Feb 2021
    1 project | /r/graphql | 6 Feb 2021

What are some alternatives?

When comparing react-relay and react-apollo you can also consider the following projects:

react-query - 🤖 Powerful asynchronous state management, server-state utilities and data fetching for TS/JS, React, Solid, Svelte and Vue. [Moved to: https://github.com/TanStack/query]

apollo-client - :rocket:  A fully-featured, production ready caching GraphQL client for every UI framework and GraphQL server.

TanStack Query - 🤖 Powerful asynchronous state management, server-state utilities and data fetching for the web. TS/JS, React Query, Solid Query, Svelte Query and Vue Query.

SWR - React Hooks for Data Fetching

adrenaline

axios - Promise based HTTP client for the browser and node.js

react-transmit

urql - The highly customizable and versatile GraphQL client with which you add on features like normalized caching as you grow.

cerebral-module-http - HTTP module for Cerebral

dataloader - DataLoader is a generic utility to be used as part of your application's data fetching layer to provide a consistent API over various backends and reduce requests to those backends via batching and caching.

apollo-augmented-hooks - Drop-in replacements for @apollo/client's useQuery, useMutation and useSubscription hooks with reduced overhead and additional functionality.