graphql-js
graphiql
graphql-js | graphiql | |
---|---|---|
26 | 41 | |
19,926 | 15,688 | |
0.2% | 0.4% | |
7.4 | 8.9 | |
7 days ago | 10 days ago | |
TypeScript | 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.
graphql-js
- Understanding TTFB Latency in DJango - Seems absurdly slow after DB optimizations even locally
-
Diving into Open-Source Development
To begin, I'm going to start with GraphQL. This repo is a JS-specific implementation for GraphQL, for which projects written in JS/TS can utilize to build an API for their web app. The reason why I chose this project is because I've always been intrigued by how GraphQl challenges the standard way of building an API, a.k.a REST APIs. I have very little knowledge about this project since I've never used it before at work or for my personal projects. I only have theoretical knowledge about it which I gained from watching YouTube videos. It also uses TypeScript which is fascinating because type safety is very important when building software considering it cleans out a lot of bugs early on before the software is shipped.
-
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
graphiql
- FLaNK 15 Jan 2024
-
Migrating Netflix to GraphQL Safely
> FYI, GraphiQL is deprecated, GraphQL Playground is a good alternative.
You have this backwards.
https://github.com/graphql/graphql-playground/issues/1366#is...
https://github.com/graphql/graphiql
-
Build Smarter, Not Harder: Simplifying Backend Workflows with Build-time GraphQL
GraphQL is declarative and self-documenting by nature. There’s a single endpoint, and all available data, relationships, and APIs can be explored and consumed by client teams (via the GraphiQL interface or just Introspection) without constantly going back and forth with backend teams.
-
GraphQL IDEs: GraphiQL vs Altair
GraphiQL is one of the most well-known GraphQL IDEs. Originally developed by Facebook, it is an in-browser tool that enables developers to write, validate, and test GraphQL queries. It is open-source and can be integrated into any project that uses GraphQL. Recently, GraphiQL has been revamped with a new UI and several new features as you can read in ths blog post I wrote earlier.
-
React.dev
Nice! I think you might like it.
Ah yeah, that does take a while to unpack. I think a lot of the complexity there is dealing with a non-react library and the dynamic import(s). Binding non-react libraries can be a bit rough.
I do think it's a good example to show the big advantage of hooks, if you look at the use of the hook, super clean: https://github.com/graphql/graphiql/blob/50674292c55eadf0e61...
Great way to contain complexity and make usage really clean and simple!
-
Is there anything like a GraphQL playground for testing various features of GraphQL?
Graphiql: https://github.com/graphql/graphiql
-
Exploring GraphiQL 2 Updates and New Features
After GraphQL Playground became part of the GraphQL Foundation, the need for having just one GraphQL IDE became more important. So the GraphQL Foundation decided to merge GraphiQL and GraphQL Playground into one tool. GraphiQL 1 relied on major tech debt and multiple dependencies that were outdated and hard to maintain. With the merge of GraphiQL and GraphQL Playground, the GraphQL Foundation decided to create a new version of GraphiQL, which is now called GraphiQL 2. The design and creation of GraphiQL 2 was all documented in Github.
-
Vue3 + GraphQL : Best way to structure project & queries?
#3: As I mentioned above, we use GraphQL Code Generator for generating TypeScript types and composables, as well as type checking our queries against the schema. This results in fully type-safe code from the back-end all the way to the front-end. As far as editor extensions go, the GraphQL: Language Feature Support VSCode extension should work fine, I use the language server part of that extension with Neovim. It provides autocompletion based on the schema and diagnostics. It looks like it might not work in .vue files though.
-
React Real Time Messaging With GraphQL
OneGraphiQL is a data explorer that allows us to build up our GraphQL queries and mutations. It is the OneGraph implementation of GraphiQL, which can be used with any GraphQL endpoint. GraphiQL is the perfect way to discover the different things we can request. It is generated from the GraphQL schema and provides helpful documentation for the graph's queries, mutations and types. Additionally, it can intelligently suggest options while we are building our queries and mutations.
-
Apollo federated graph is not presenting its schema to graphiql with fields sorted lexicographically
If this is a critical functionality, you could raise an issue (with proper reasons why it is important) for sort support either in graphql-js or GraphiQL (guessing this would be a better place) repositories.
What are some alternatives?
mercurius - Implement GraphQL servers and gateways with Fastify
graphql-playground - 🎮 GraphQL IDE for better development workflows (GraphQL Subscriptions, interactive docs & collaboration)
graphql-jit - GraphQL execution using a JIT compiler
altair - ✨⚡️ A beautiful feature-rich GraphQL Client for all platforms.
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.
spectaql - Autogenerate static GraphQL API documentation
fastify-websocket - basic websocket support for fastify
dociql - A beautiful static documentation generator for GraphQL
graphql-subscriptions - :newspaper: A small module that implements GraphQL subscriptions for Node.js
graphql-code-generator - A tool for generating code based on a GraphQL schema and GraphQL operations (query/mutation/subscription), with flexible support for custom plugins.
Hugo - The world’s fastest framework for building websites.