FREE TRAININGS (WEB3 DEV, FLASH LOANS...)
👉 How to find your first 6-Figures Blockchain Developer Job: https://bit.ly/390ebTq
👉 Learn how to create Profitable Flashloans: https://bit.ly/3mqP6nq

OTHER LINKS
👉 https://linktr.ee/eattheblocks

CONTACT INFORMATION
Questions about EatTheBlocks courses, partnerships, projects:
👉 contact [at] eattheblocks [dot] com

When you develop an Ethereum Dapp, one of the most annoying task is to import the ABI of your Solidity smart contract into the frontend.

In this video, I will introduce you 4 solutions to do that, including 2 solutions using webpack, as well as comparison between them:

- what is the ABI?
- How to produce ABI of solidity smart contract?
- How to import ABI to frontend?
- Copy paste
- Serve ABI as static file in backend server
- Package ABI in frontend with webpack
- Using a specialized webpack loader: truffle-solidity-loader
- How to reduce the size of the ABI in frontend?
- pros / cons of different methods for importing ABI to frontend

►►►MORE TUTORIAL VIDEOS ON EatTheBlocks PRO◄◄◄
Subscribe to EatTheBlocks Pro to unlock access to more advanced video tutorials on Ethereum and smart contracts:
https://eattheblocks-pro.teachable.com/

►►►SUBSCRIBE TO THE NEWSLETTER◄◄◄
Once a week, I will send you 10 links about Tips, Tutorials & News for Ethereum Dapp Developers:
https://eattheblocks.com

Other Links:
- Official Website https://eattheblocks.com
- Author Website: https://www.julienklepatch.com