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

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

Что будет, если объединить модульный и типизированный viem для взаимодействия с блокчейном и мощнейший react-query для асинхронных действий? Правильно, получится wagmi! Лучшее решение для разработки dApp в evm-совместимых сетях!

Немного истории. Я начинал работать с wagmi ещё с версии 0.4 (текущая 2.12). Тогда ещё у wagmi были конкуренты в виде старенького и неподдерживаемого web3-react и нового, но окрепшего useDApp. Мне нравилось работать с useDApp, хотя его документация оставляла желать лучшего, а у wagmi в то время были серьёзные проблемы со стабильностью, багами, неточностью документации и другими вещами. Время шло, wagmi активно развивался и избавлялся от своих проблем, а вот развитие useDApp по неизвестным причинам прекратилось, и начиная примерно с версии wagmi 0.11 я перешёл на него.

Wagmi — это набор хуков и утилит, которые позволяют вам взаимодействовать с блокчейном используя привычное API React (не только React, но об этом позже) и совмещённое API viem + react-query. В итоге вы получаете все преимущества для асинхронной логики из react-query (кэширование, дедупликация, обработка состояний и т.д.), а так же преимущества модульности и превосходного вывода типов из viem. Помимо этого, wagmi предоставляет удобный и расширяемый API подключения кошельков в ваше приложение, благодаря чему появляется множество классных решений "из коробки", которые сами рисуют весь интерфейс по подключению кошельков вместо вас.

Важно отметить, что помимо React, wagmi так же имеет интеграцию с Vue и может использоваться как нативная JS библиотека, без каких либо фреймворков (да да, React — не фреймворк🥵). Подключение кошельков, чтение данных, вызов транзакций, поддержка огромного количества сетей и мультичейновости, строгая типизация — что ещё нужно разработчику для счастья? Наверно гайд, как вкатиться в web3-frontend разработку... ах да, у нас есть такой! Читайте мой пост про раздел web3-frontend в нашей карте развития! (хе хе, самореклама😁).

Поделитесь вашим опытом взаимодействию с блокчейном в web приложениях! Какие библиотеки используете вы?

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

Обзор блокчейн-мостов: взаимодействие между разными сетями

Новая статья в нашем блоге на Habr! В этот раз Роман Ярлыков затронул тему мостов и расписал, почему мосты между блокчейнами важны для криптоэкосистемы, разобрал их базовую архитектуру, а также классификацию и типы мостов.

Читайте статью в нашем блоге и делитесь мнениями в комментариях!

P.S. Для тех, кто дочитает до конца, бонус: инструкция, как создать свой мост.

#роман_ярлыков

📝VC | 📝Habr | 🧑‍💻MetaLamp Magazine

💎Mintless-жетоны на TON: новинка, делающая проекты на TON еще привлекательнее

Мы уже говорили ранее о Mintless Jettons в нашем канале, но довольно поверхностно. Сегодня решили подойти основательно и подготовить полноценный материал о данной технологии!

В статье мы рассказываем, какие были предпосылки для создания Mintless Jettons, как работает эта технология, где её уже используют и что ждет её в будущем.

Читайте статью в нашем блоге — у нас там, кстати, целый раздел, посвященный TON! Загляните на досуге, там много интересного.

📝VC | 📝Habr | 🧑‍💻MetaLamp Magazine