Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@urql/core

Package Overview
Dependencies
Maintainers
19
Versions
265
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@urql/core

The shared core for the highly customizable and versatile GraphQL client

  • 4.2.3-canary-1fabe358
  • Source
  • npm
  • Socket score

Version published
Maintainers
19
Created

What is @urql/core?

The @urql/core package is a highly customizable and versatile GraphQL client for JavaScript applications. It provides a set of tools to perform GraphQL queries, mutations, and subscriptions, making it easier to interact with GraphQL APIs. It's designed to be lightweight and flexible, allowing developers to tailor their GraphQL client to their specific needs.

What are @urql/core's main functionalities?

Executing a Query

This feature allows you to execute a GraphQL query using the @urql/core package. The example demonstrates how to create a client, define a GraphQL query, and execute the query to fetch data.

import { createClient, gql, query } from '@urql/core';

const client = createClient({ url: 'https://my-graphql-api.com/graphql' });

const QUERY = gql`
  query GetBooks {
    books {
      id
      title
      author
    }
  }
`;

query(client, { query: QUERY }).toPromise().then(result => {
  console.log(result.data);
});

Performing a Mutation

This feature demonstrates how to perform a GraphQL mutation to modify data on the server. The code sample shows how to create a client, define a mutation with variables, and execute the mutation.

import { createClient, gql, mutation } from '@urql/core';

const client = createClient({ url: 'https://my-graphql-api.com/graphql' });

const MUTATION = gql`
  mutation AddBook($title: String!, $author: String!) {
    addBook(title: $title, author: $author) {
      id
    }
  }
`;

const variables = { title: 'New Book', author: 'Unknown Author' };

mutation(client, { query: MUTATION, variables }).toPromise().then(result => {
  console.log(result.data);
});

Subscribing to Data

This feature enables real-time data updates through GraphQL subscriptions. The example shows how to create a client, define a subscription, and listen for real-time data updates.

import { createClient, gql, subscription } from '@urql/core';

const client = createClient({ url: 'https://my-graphql-api.com/graphql', fetchOptions: () => ({ headers: {} }), });

const SUBSCRIPTION = gql`
  subscription BookAdded {
    bookAdded {
      id
      title
    }
  }
`;

const { unsubscribe } = subscription(client, { query: SUBSCRIPTION }).subscribe(result => {
  console.log(result.data);
});

Other packages similar to @urql/core

Keywords

FAQs

Package last updated on 17 Jan 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc