Инструменты для web3 frontend разработки. Часть 2.

Всем привет! В предыдущем своём посте я решил поделиться с вами инструментами, которые мы используем при разработке dApp. Основной наш инструмент при работе с evm-сетями - это wagmi, но так как wagmi "под капотом" использует не менее классные библиотеки в виде viem и react-query, я решил сперва рассказать про них. В этой части мы поговорим про viem.

Если вы знакомы с web3 разработкой, вы наверняка слышали о таких библиотеках, как web3.js и ethers.js. Но зачем они нужны? Дело в том, что внешнему миру (например, веб-приложениям) нужно взаимодействовать с блокчейном через JSON-RPC API, и надо сказать, задачка это нетривиальная. Данные из блокчейна приходят в "сыром" виде, их необходимо правильно кодировать и декодировать, следить за порядком, обрабатывать ошибки и пограничные случаи, а так же есть проблема с числами, которые в блокчейне гораздо больше, чем может себе позволить тип number в JavaScript. Я уже молчу про работу с разными кошельками и их API.

Для решения вышеперечисленных проблем (и не только) сначала появилась библиотека web3.js, а затем более современный аналог ethers.js, который пытался исправить многие болячки предшественника. Разработчики wagmi долгое время сами использовали ethers.js для работы своей библиотеки, но в какой-то момент поняли, что ethers.js сильно ограничивает их и решили написать собственную библиотеку — viem.

Так что же такого в этом viem? Разработчики viem сделали ставку на модульность, компонуемость и строгую типизацию. Viem состоит из маленьких строительных блоков и имеет превосходный вывод типов (основываясь только на ABI контракта). Это позволяет добиться лучшего комфорта разработки и читаемости кода. Даже спустя долгое время, которое я работаю с viem, я до сих пор восхищаюсь этими вещами. Настолько мне было некомфортно работать с ethers.js из-за сложного API и плохого вывода типов.

Помимо этого, viem крайне стабильна, производительна и компактна. Вы можете сами почитать мотивацию от разработчиков viem или почитать независимые сравнения, например блог Метамаск.

Viem так же использует нативный BigInt из JS для работы с большими числами вместо сторонних библиотек, по типу bignumber.js, которые приходится затаскивать на проект вместе с ethers.js, что является ещё одной головной болью для разработчиков.

Если вы всё ещё используете на своих проектах ethers.js, надеюсь, я убедил вас как минимум взглянуть на новую библиотеку и современный подход к созданию dApp приложений :)

Делитесь в комментариях своим опытом, как вам работается/работалось с ethers.js? Слышали ли вы о viem или может применяли на своих проектах?

#миша_якубчук