Using Polkadot-API (PAPI)

ReactiveDOT is designed as a convenient layer over PAPI for enhanced developer quality of life. For more advanced use cases and data manipulation, it's recommended to use PAPI directly. You can access PAPI APIs through two hooks: useClient and useTypedApi.

Polkadot client

PolkadotClient interface shapes the top-level API for polkadot-api. You can find the full documentation here.

import { useClient } from "@reactive-dot/react";

function Component() {
  const client = useClient();

  useEffect(() => {
    client._request<string>("system_version", []).then(console.log);
  }, [client]);
}

Typed API

The TypedApi allows easy interaction with the runtime metadata, with a great developer experience. You can find the full documentation here.

import { useTypedApi } from "@reactive-dot/react";

function Component() {
  const typedApi = useTypedApi();

  useEffect(() => {
    typedApi.event.Balances.Burned.watch(({ amount }) => amount > 10n ** 10n)
      .pipe(take(5))
      .forEach(console.log);
  }, [typedApi]);
}