react-solidity-web3 v1.0.16

react-solidity-web3 Npm Package

It works like a boilerplate package, which assist developer to just use the function and integrate their contracts at ease.

1 Installation

Install react-solidity-web33 with npm

  npm install react-solidity-web3

2 IMPLEMENTATION SAMPLE

• Go to https://github.com/GoPlugin/dapp-react-solidity-xdc3

3 How it works?

const { connectWallet,createWeb3Provider,createContractInstance, executeTransaction,queryData, queryEvents } = require('react-solidity-web3');

var connectOptions = {
  rpcObj: {
    50: "https://rpc.xinfin.network",
    51: "https://rpc.apothem.network"
  },
  network: "mainnet",
  toDisableInjectedProvider: true
}

const instance = await connectWallet(connectOptions);
const {provider,signer} = await createWeb3Provider(instance);
const sample = await createContractInstance(address, abi, provider);

How to write data

Consider you have 3 parameters to pass in registerFlights function in the smart contract, then

let _flightAddress = "0xA9e6835929f32DD440290b4c81466ff554b82667";
let _careerFlightNo = "ING695";
let _serviceProviderName = "Indigo Airlines";
let response1 = await executeTransaction(sample, provider, 'registerFlights', [_flightAddress, _careerFlightNo, _serviceProviderName]);

How to Read data from Blockchain with parameters overriden

Consider you have 2 parameters to pass in flights(mapping variable) in the smart contract to read

let _flightId = "1";
let _flightAddress = "0xA9e6835929f32DD440290b4c81466ff554b82667";
let response1 = await queryData(sample, provider, 'flights', [_flightId, _flightAddress]);

How to Read data from Blockchain without params

let response1 = await queryData(sample, provider, 'readAllFlight', []);

How to Read mapping variable

let response1 = await queryData(sample, provider, 'claims', ["asdgasdgsgsd"]);

How to Read Events

let returnvalue = await queryEvents(sample, provider, "InsuranceEvents", response1.blockNumber);

Parms & it's functionalities

Function & Description

executeTransaction

let response1 = await executeTransaction(sample, provider, 'registerFlights', [_flightAddress, _careerFlightNo, _serviceProviderName]);

Function & Description

executeTransaction

let response1 = await executeTransaction(contractInstance, provider, "functionName", [parm1, Parm2...]);

executeTransaction Params

queryData

let response1 = await queryData(contractInstance, provider, "functionName", [parm1, Parm2...]);

queryData Params

queryEvents

let response1 = await queryEvents(contractInstance, provider, eventName,blockNumber);

queryEvents Params

connectWallet

var connectOptions = {
  rpcObj: {
    50: "https://rpc.xinfin.network",
    51: "https://rpc.apothem.network"
  },
  network: "mainnet",
  toDisableInjectedProvider: true
}
const walletinstance = await connectWallet(connectOptions);

connectWallet Params

createWeb3Provider

    const {provider,signer} = await createWeb3Provider(walletinstance);

createWeb3Provider Params

createContractInstance

 const contractInstance = await createContractInstance(contractAddress, abi, provider);

createContractInstance Params

upload

const projectId = "<YOUR PROJECT ID>";
const projectSecret = "<YOUR PROJECT SECRET>";
const authorization = "Basic " + btoa(projectId + ":" + projectSecret);
const file = files[0];
const result = await upload({file,from,authorization});

upload Params

More detailed information for other functions will be updated soon..