@etherspot/react-transaction-buidler NPM

Etherspot transaction BUIDLer for React

Website: https://etherspot.io
Documentation: https://docs.etherspot.dev
SDK Docs: https://sdk.etherspot.dev
SDK Playground https://try.etherspot.dev

BUIDLer is a react component that allows plug-and-play integration with the Etherspot SDK, allowing dApps and developers to easily leverage the SDK in a highly customisable fashion.

Try live demo

Prerequisites

Please ensure that you have the Editor Config plugin installed for VS Code:

Name: EditorConfig for VS Code
Id: EditorConfig.EditorConfig
Description: EditorConfig Support for Visual Studio Code
Version: 0.16.4
Publisher: EditorConfig
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig

Getting Started

Install Etherspot transaction BUIDLer using npm or yarn

npm i @etherspot/react-transaction-buidler

Plug in your dApp

import {
  Etherspot,
} from "@etherspot/react-transaction-buidler";

/**
 * This is all that is needed to get started.
 * To customise this, see the possible props
 * you can pass in the docs.
 */
function RenderEtherspot(props) {
  return <Etherspot />;
}

Developing locally

You can set up BUIDLER locally and develop new features for it. Please follow the instructures below:

First, check out the Etherspot BUIDLER Example dapp here
Then, checkout this repository
In this repository directory: run npm install && npm link
In this repository directory:: run npm run rollup:watch - this project is now being watched for code changes
In the Example dapp directory: run npm install && npm link @etherspot/react-transaction-buidler
In the Example dapp directory: add a file called ".env"
To this file add this line: REACT_APP_WEB3AUTH_CLIENT_ID = "fake_id"
Replace fake_id with a real client ID from https://dashboard.web3auth.io/home/web3auth if you want social logins to work. Otherwise continue without it and login with a keybased wallet
In the Example dapp directory: run npm run start

You can now make code changes in this repository and changes will be reflected in the Example dapp.