はてなブックマーク

New Approach to REST APIsThe feTS Client and Server can be seamlessly used together for a comprehensive, type-safe API experience. Alternatively, they can function independently, providing you with the flexibility to adapt to your project's specific needs. Harness the Power of OpenAPIfeTS leverages the OpenAPI specification for universal tool compatibility. Plus, enjoy the convenience of an out-of

There is no doubt that Relay is the most advanced JavaScript GraphQL Client out there. However, at the same time, the learning curve and adoption is yet very sparse compared to other popular alternatives such as Apollo Client, urql, or GraphQL Request. As a consequence, many people don’t even know about all the benefits and patterns used within (and so far being exclusive to) Relay. The Guild gath

The client-preset provides typed GraphQL operations (Query, Mutation and Subscription) by perfectly integrating with your favorite GraphQL clients: React @apollo/client (since 3.2.0, not when using React Components (<Query>)) @urql/core (since 1.15.0) @urql/preact (since 1.4.0) urql (since 1.11.0) graphql-request (since 5.0.0) react-query (with graphql-request@5.x) swr (with graphql-request@5.x) V

GraphQL as a Query LanguageUse GraphQL as a query language to fetch data from your data-sources directly, without the need for a running gateway server, or any other bottleneck.

Envelop: The Missing GraphQL Plugin SystemDevelop and share plugins that are usable with any GraphQL server framework or schema.

Today we are super excited to share with you a new open-source library we’ve been working on for the past few months! TL;DR Envelop aims to be The GraphQL Plugin system (envelop.dev) Envelop is not a GraphQL server, it’s just a wrapper on top of the GraphQL engine. Make “hard” GraphQL capabilities easy by installing powerful plugins (Caching, Tracing with Prometheus/DataDog/NewRelic/Sentry/OpenTel

Usage Requirements In order to use this GraphQL Codegen plugin, please make sure that you have GraphQL operations (query / mutation / subscription and fragment) set as documents: … in your codegen.yml. Without loading your GraphQL operations (query, mutation, subscription and fragment), you won’t see any change in the generated output. This plugin generates React-Query Hooks with TypeScript typing

TypedDocumentNode: the next generation of GraphQL and TypeScript // Examples are in: https://codesandbox.io/s/quizzical-browser-1em9r?file=/index.ts Using GraphQL and Typescript on the client just became a lot easier! The GraphQL Code Generator project has been around for 3 years, and we are constantly keep working on it and listening to your feedback! As we were working and thinking about the nex

Integrating GraphQL Code Generator in your frontend applications In this article we’ll try to explain and demonstrate common patterns for frontend development with GraphQL and GraphQL Code Generator. Most patterns are general and can be applied to most popular frontend frameworks (React, Angular, Vue, Stencil), and to popular GraphQL client libraries (Apollo / urql), due to extended support of Gra

This plugin generates the base TypeScript types, based on your GraphQL schema. The types generated by this plugin are simple, and refers to the exact structure of your schema, and it’s used as the base types for other plugins (such as typescript-operations / typescript-resolvers) Config API Reference avoidOptionals type: AvoidOptionalsConfig | boolean default: false This will cause the generator t

We are excited to announce GraphQL Mesh — a powerful open source library enabling developers to leverage the power of GraphQL without requiring changes to the technologies your servers already use. We’ve been using this tool to significantly improve our clients stacks — improving the areas that a classic GraphQL gateways would have left untouched The Basics GraphQL Mesh takes any source schema (op

Generate Code InstantlyGenerate code from your GraphQL schema and GraphQL operations with a single function call regardless of your environment or code format. Customize EasilyGenerate code from your GraphQL schema and GraphQL operations with a single function call regardless of your environment or code format

WhatsApp Clone - GraphQL, Apollo, TypeScript and PostgreSQL An open-source full-stack example app made with React 16.7 (Hooks & Suspense), TypeScript, GraphQL-Subscriptions/Codegen/Modules and PostgreSQL You might have seen it around already — an open-source WhatsApp Clone tutorial; a project which was originally started in 2015 by Urigo based on Angular-Meteor and Ionic, and have been throughout

GraphQL InspectorValidate schemas and detect changes. Receive schema change notifications. Keep Operations and Fragments consistent.

After a few years of working with GraphQL, as open-source developers and as infrastructure team in large enterprises, we’ve learned some lessons about GraphQL, and how to authenticate and authorize GraphQL API. Authentication and authorization should be simple, because for most cases, it’s just a piece of code that we wish to run before letting users access certain resources. In this article we’ll

Looking at the Implementation and Getting to Know It inside Out We’ve all heard about it. The new hook system of React 16.7 has made a lot of noise in the community. We’ve all tried it and tested it, and got really excited about it and its potential. When you think about hooks they’re kind of magical, somehow React manages your component without even exposing its instance (no use of this keyword).