How to import Solidity ABI to Dapp frontend? 4 Solutions

Julien Klepatch

When you develop a Dapp, you need the Solidity ABI of your smart contract in order to configure web3 to interact with your contract.

This Solidity ABI is a json document produced by the Solidity compiler. You could just copy paste it to the frontend, but it can get very tedious and error-prone, particularly during development when the ABI of the smart contract can change often. Is there a better way? yes!

In this video, I will show you 4 development-friendly solutions to import a smart contract ABI to your Dapp (including with webpack and webpack-solidity-loader):


Leave a Reply

More great articles

Debugging with require and revert

In Solidity, require and revert statements are used to check some pre-conditions before executing the main part of a function.…

Read Story

Basic testing workflow with Truffle – Part I

In this video, I will show you what is the basic workflow when you test Solidity smart contracts with the…

Read Story

More tricks for bn.js (Big Number) library in Truffle tests

In the last video of the smart contract testing series I showed you the basic usage of the Big Number…

Read Story

Never miss a minute

Get great content to your inbox every week. No spam.
[contact-form-7 id="6" title="Footer CTA Subscribe Form"]