Generally, a decentralized application (DApp) is a two-tier application, comprising two main components, a frontend UI layer written by HTML, JavaScript, or web3.js and a smart backend contract that runs in the blockchain network.
We learned how to write a smart contract using the Ethereum development tool in the previous chapter, and to run a unit test to verify that all the Solidity functions worked well. To let an end user enable calls to our smart contract, we will need to build a UI to interact with the smart contracts.
In this chapter, we will learn how to write a UI to build a decentralized digital art market DApp, using the popular JavaScript framework React and web3.js. The chapter comprises five major topics, as follows:
- Knowing about DApps
- Working with a Web3 JavaScript API
- Setting up a DApp development environment
- Building frontend UI components...