jkhaui / react-terra

Composable hooks and components to build the future of finance. 🚀

@react-terra

---

---

⚠️Warning! This library is in a highly experimental state. It is not currently recommended for production use.

Furthermore, react-terra has not been updated for Terra 2.0 and is currently in broken state due to outdated dependencies.

However, contributions are welcome and encouraged 🚀⚠️

👉 Visit react-terra.dev for full docs

---

Installation

[Hooks only at the moment. Component library coming soon]

  yarn add @react-terra/hooks @terra-money/terra.js 
  @terra-money/wallet-provider rxjs

Follow the instructions from https://github.com/terra-money/wallet-provider to wrap your app in the wallet provider:

import {
  NetworkInfo,
  WalletProvider,
  WalletStatus,
  getChainOptions,
} from '@terra-money/wallet-provider';
import React from 'react';
import ReactDOM from 'react-dom';

// getChainOptions(): Promise<{ defaultNetwork, walletConnectChainIds }>
getChainOptions().then((chainOptions) => {
  ReactDOM.render(
    <WalletProvider {...chainOptions}>
      <YOUR_APP />
    </WalletProvider>,
    document.getElementById('root'),
  );
});

Run in Dev Mode

n.b. you need to have the Terra Station extension for Chrome/Brave installed, along with a wallet address.

• From the root directory, run yarn

• In a terminal window, run the following command:

  yarn start:hooks

• Then, in a second terminal:

  cd into example;

  Run the following command:

  yarn start