graphql-js
react-relay
Our great sponsors
graphql-js | react-relay | |
---|---|---|
26 | 50 | |
19,887 | 18,145 | |
0.3% | 0.3% | |
7.4 | 9.7 | |
8 days ago | 7 days ago | |
TypeScript | Rust | |
MIT License | MIT License |
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.
graphql-js
- Understanding TTFB Latency in DJango - Seems absurdly slow after DB optimizations even locally
-
How to define schema once and have server code and client code typed? [Typescript]
When I asked this in StackOverflow over a year ago I reached the solution of using graphql + graphql-zeus.
-
Uncovering Frontend Data Aggregation: Our Encounter with BFF, GraphQL, and Hydration
In short, we chose not to pursue GraphQL due to some limitations with union types and a lack of support for maps. This is further detailed in this link: limitations.
-
Exploring the Most Commonly Used Folder Names in Popular NPM Packages
benchmarks: This directory contains benchmark tests that help measure the performance of the package's code, these tests can be are very useful when experimenting with performance optimizations, and to ensure no slowdowns are introduced between releases. Example from graphql.
-
Apollo federated graph is not presenting its schema to graphiql with fields sorted lexicographically
GraphiQL (and many other tools) relies on introspection query which AFAIK is not guaranteed to have any specific order (and many libs don't support it). Apollo Server is built on top of graphql-js and it relies on it for this functionality.
-
What are popular ORMs for Node.js?
GraphQL.js + Knex.js + knex-types (TypeScript generator for Knex)
-
Announcing GraphQL Yoga 2.0!
Yoga v2 supports some experimental GraphQL features such as @defer and @stream, allowing you to get a taste of the future of GraphQL (with compatible clients such as URQL).
-
11 JavaScript Examples to Source Code That Reveal Design Patterns In Use
Visitors are used for many reasons like extensibility, plugins, printing an entire schema somewhere, etc.
-
How not to learn GraphQL
support for @defer and @stream
-
TypeScript Tricks I wish I knew when I learned TypeScript
> I have only seen null vs undefined lead to 2 things in my experience: mistakes and bikeshedding.
I disagree, though I think the implementation leaves something to be desired. Primarily, I think there is fundamentally a difference between the value of obj.bar in the following examples that is useful to differentiate between:
{ foo: 'hello' }
{ foo: 'hello', bar: null }
For example, GraphQL makes specific use of this when dealing with input types for mutations: null essentially means "delete this field" while unset means "don't change it".
There is a very good discussion on this topic here, https://github.com/graphql/graphql-js/issues/133 , which goes into the rationale behind it, how it's supported in languages that do NOT differentiate between null and undefined, and how some folks changed their minds on the issue.
react-relay
-
Server-side Rendering (SSR) From Scratch with React
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?
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
You may be familiar with Global Object Identification(GOI), especially if you've used Relay.
-
Top React Data Fetching Libraries
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
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?
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.
-
Is it possible to create a symbolic link to a folder to solve case sensitivity?
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
-
Keeping React app in sync with backend/database
It does, however, have a steep learning curve and messy documentation, plus needs nontrivial effort to set it up. I recommend deep diving into the example at http://relay.dev and playing with a test project first before you try to integrate it into your main app.
-
Introduction to GraphQL
Despite you may not want to use Relay (or even React) to consume your GraphQL data, their specification is very useful and provides a common ground of what developers should expect from a GraphQL server.
-
Why Would Anyone Need JavaScript Generator Functions?
For a concrete example, Relay uses them to garbage collect data in an asynchronous fashion. If an update is detected during the course of a gc, it is aborted.
https://github.com/facebook/relay/blob/main/packages/relay-r...
What are some alternatives?
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.
SWR - React Hooks for Data Fetching
axios - Promise based HTTP client for the browser and node.js
urql - The highly customizable and versatile GraphQL client with which you add on features like normalized caching as you grow.
mercurius - Implement GraphQL servers and gateways with Fastify
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.
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.
react-apollo
graphql-voyager - 🛰️ Represent any GraphQL API as an interactive graph
esbuild - An extremely fast bundler for the web
graphql-ws - Coherent, zero-dependency, lazy, simple, GraphQL over WebSocket Protocol compliant server and client.