Blockchain Development for Finance Projects

Writing the App.js file

Let's go through the sections of our App.js file one by one:

1. We start by importing the requisite dependencies, components, and contract interfaces:

import React, { Component } from 'react';import Web3 from 'web3'import Nav from './Components/Nav';import Description from './Components/Description';import Container from './Components/Container';import OrderbookABI from './Contracts/OrderbookABI';import Gold from './Contracts/Gold';import USD from './Contracts/USD';

2. Within our constructor section, we initialize the state of the app:

constructor(){ super(); this.appName = 'Exchange'; this.watchweb3 = new Web3(new            Web3.providers.WebsocketProvider('ws://localhost:8545'))  this.OrderbookABI = OrderbookABI; this.Gold = ...