js-diff-benchmarks
graphql-live-query
| js-diff-benchmarks | graphql-live-query | |
|---|---|---|
| 1 | 7 | |
| 1 | 434 | |
| - | - | |
| 0.0 | 2.0 | |
| over 2 years ago | 7 days ago | |
| JavaScript | TypeScript | |
| 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.
js-diff-benchmarks
-
The fastest object diff library in JavaScript
Here is the microdiff benchmark wrapped in benchmark.js: https://github.com/stephank/js-diff-benchmarks
I added three more libraries, and also the size in bytes of `JSON.stringify(result)` for each. (That was also important for me in making symmetry.)
The results from benchmark.js are a lot more consistent on my laptop:
```
graphql-live-query
-
GraphQL Live Queries with live directive
There are even more implementations of live queries available by now. e.g. https://github.com/samsarahq/thunder (go) or https://github.com/n1ru4l/graphql-live-query (JavaScript).
- Websocket with socket.io or GraphQL subscriptions
-
The fastest object diff library in JavaScript
Please compare with modern competitor: json-patch-plus https://github.com/n1ru4l/graphql-live-query/blob/main/packa...
-
The Stack #3
Also note that subscriptions are not the only way to do real time communications in GraphQL. There are also things like Live Queries with great libraries like this from Laurin which you can use
-
Need guidance on apollo subscription fallback
Last but not least, I also created a GraphQL over Socket.io (https://github.com/n1ru4l/graphql-live-query/tree/main/packages/socket-io-graphql-server) transport. I am using this in two smaller apps with a maximum of 10 concurrent users and did not encounter any issues with stale data yet. Maybe this might be somethign you are looking for.
-
How to maintain subsription websockets with authentication, while retaining the stateless nature that an API should have?
So after having tried to answer you questions (instead of just telling you to not use WebSockets, although that wasn't your question 🙃). I also wanted to point you to a "new" way of handling real-time data with GraphQL that I am experimenting one. https://github.com/n1ru4l/graphql-live-query
-
What is the performance loss with GraphQL mutations vs sending data over websockets in real-time apps?
There will always be an overhead for sending the mutations via a Post http request vs sending them over the already established WebSocket connection. graphql-ws is not only a subscription transport but can be used for any GraphQL operation including queries and mutations. In real-time applications I tend to use my own GraphQL over Socket.io transport (https://github.com/n1ru4l/graphql-live-query/tree/main/packages/socket-io-graphql-server)
What are some alternatives?
microdiff - A fast, zero dependency object and array comparison library. Significantly faster than most other deep comparison libraries and has full TypeScript support.
laravel-echo-server - Socket.io server for Laravel Echo
jsondiffpatch - Diff & patch JavaScript objects
graphiql - GraphiQL & the GraphQL LSP Reference Ecosystem for building browser & IDE tools.
federation - 🌐 Build and scale a single data graph across multiple services with Apollo's federation gateway.
apollo-server - 🌍 Spec-compliant and production ready JavaScript GraphQL server that lets you develop in a schema-first way. Built for Express, Connect, Hapi, Koa, and more.
mercurius - Implement GraphQL servers and gateways with Fastify
graphql-multipart-request-spec - A spec for GraphQL multipart form requests (file uploads).
apollo-tooling - ✏️ Apollo CLI for client tooling (Mostly replaced by Rover)
eleventy 🕚⚡️ - A simpler site generator. Transforms a directory of templates (of varying types) into HTML.