JSPM

@trpc/client

11.0.0-rc.477+a467f8314
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 1284183
  • Score
    100M100P100Q228326F
  • License MIT

The tRPC client library

Package Exports

  • @trpc/client
  • @trpc/client/links/httpBatchLink
  • @trpc/client/links/httpLink
  • @trpc/client/links/loggerLink
  • @trpc/client/links/splitLink
  • @trpc/client/links/wsLink
  • @trpc/client/package.json
  • @trpc/client/unstable-internals

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@trpc/client) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

tRPC

tRPC

End-to-end typesafe APIs made easy

Demo

@trpc/client

Communicate with a tRPC server on the client side.

Documentation

Full documentation for @trpc/client can be found here

Installation

# npm
npm install @trpc/client@next

# Yarn
yarn add @trpc/client@next

# pnpm
pnpm add @trpc/client@next

# Bun
bun add @trpc/client@next

Basic Example

import { createTRPCClient, httpBatchLink } from '@trpc/client';
// Importing the router type from the server file
import type { AppRouter } from './server';

// Initializing the tRPC client
const trpc = createTRPCClient<AppRouter>({
  links: [
    httpBatchLink({
      url: 'http://localhost:3000/trpc',
    }),
  ],
});

async function main() {
  // Querying the greeting
  const helloResponse = await trpc.greeting.query({
    name: 'world',
  });

  console.log('helloResponse', helloResponse); // Hello world
}

main();