@ns3/http-client NPM

@ns3/http-client

RxJs based injectable http-client for frontend applications.

It requires @wikia/dependency-injection and should not be used without it.

It was inspired and based on Angular's HttpClient.

It executes http calls using rxjs/ajax while allowing to provide interceptors.

Example HttpInterceptor

export class DelayInterceptor implements HttpInterceptor {
  private readonly delay = 300;

  intercept<T>(req: AjaxConfig, next: HttpHandler<T>): Observable<AjaxResponse<T>> {
    return next(req).pipe(
      delay(this.delay),
      catchError((err) =>
        of(null).pipe(
          delay(this.delay),
          mergeMap(() => throwError(err)),
        ),
      ),
    );
  }
}

Example usage in React with `@ns3/react-di`

import { HttpInterceptors } from '@ns3/http-client';
import { DiProvider, useDependencyInjection } from '@ns3/react-di';
import { AppProps } from 'next/app';
import Head from 'next/head';
import React from 'react';
import { DelayInterceptor } from 'react-demo/shared/delay.interceptor';

export default function MyApp({ Component, pageProps }: AppProps) {
  const container = useDependencyInjection([HttpInterceptors.provide(DelayInterceptor)]);

  return (
    <React.Fragment>
      <Head>
        <title>My page</title>
        <meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width" />
      </Head>
      <DiProvider value={container}>
        <Component {...pageProps} />
      </DiProvider>
    </React.Fragment>
  );
}

Then in any component:

import { HttpClient } from '@ns3/http-client';
import { useDependency } from '@ns3/react-di';
import React from 'react';

export default function ProductDetails() {
  const httpClient = useDependency(HttpClient);

  return null;
}

@infinitebrahmanuniverse/nolb-_ns @everything-registry/sub-chunk-669 @zalastax/nolb-_ns

0.0.0-29fd2304ebdde907f274478b4cf603bcd4e5212e

1 year ago

0.0.0-ab687edb4d832de491df0365e4ca04bfd572719f

1 year ago

0.0.0-df77209ee611fa01b4fde0d76193bb2ffa862826

1 year ago

2.1.0

2 years ago

0.0.1

1 year ago

0.0.0-cea59c909d0de9c53e90457a03ff0f6ca8a0f39b.1