@invorious/http-client-front

React http client

Table of Contents

1. Installation
2. Usage
3. Changelog

Installation

npm install @invorious/http-client-front

(back to top)

Usage

import { useState } from 'react';
import { useHttpClient } from '@invorious/http-client-front';

export interface MyUser {
  name: string;
  id: number;
}
export function MyComponent() {
  const [profile, setProfile] = useState<MyUser | undefined>();
  const { get, post, put, deleteRequest, requestError } = useHttpClient({
    config: {
      baseUrl: 'api/',
      headers: {
        Authorization: 'Your authorization',
      },
    },
  });

  async function onGetProfile() {
    const users = await get<MyUser>('me');
    setProfile(users);
  }

  return (
    <div>
      {requestError ? (
        <div>
          Verify your request configuration.
          <p>{requestError.message}</p>
        </div>
      ) : (
        <div>{JSON.stringify(profileuser)}</div>
      )}
    </div>
  );
}

For more examples, please refer to the Documentation

(back to top)

Changelog

Learn about the latest improvements.

(back to top)