NEW BOT Телеграм, страница

😨

VIEM С НУЛЯ

Viem - современная TypeScript-библиотека для взаимодействия с Ethereum и совместимыми блокчейнами.

разберём её максимально подробно from scratch

💃

Viem - легковесная библиотека для Ethereum, разработанная как альтернатива ethers.js и в свое время web3.js.

👍 мы получаем:

Лучшую типобезопасность

Более модульную архитектуру

Улучшенную производительность

Поддержку новых функций Ethereum ☺️

😮‍💨

УСТАНОВКА

nodejs.org (LTS) - для запуска JS на сервере и получения пакетного менеджера NPM

в папке проекта в терминале пишем

npm install viem

viem готов к работе

😐

ОСНОВНЫЕ КОНЦЕПЦИИ

Viem использует систему клиентов для взаимодействия с блокчейном:

PublicClient - для чтения данных из блокчейна

WalletClient - для подписания транзакций и сообщений

TestClient - для тестирования (аналог ganache)

import { createPublicClient, http } from "viem";

import { mainnet } from "viem/chains";

const client = createPublicClient({  
chain: mainnet,  
transport: http(),
}
);

😁

РАБОТА С БЛОКЧЕЙНАМИ

viem включает предопределённые конфигурации для популярных цепей:

import { mainnet, polygon, optimism, arbitrum } from 'viem/chains'

🎧

ТРАНСПОРТЫ

определяют, как клиент взаимодействует с узлом:

import { http, webSocket } from "viem";

// HTTP транспортconst 
httpTransport = http("https://eth.llamarpc.com");

// WebSocket транспортconst 
wsTransport = webSocket("wss://eth.llamarpc.com");

МУЛЬТИЧЕЙН ВЗАИМОДЕЙТСТВИЕ

viem легко работает с несколькими цепями:

const clients = {  
ethereum: createPublicClient({ chain: mainnet, transport: http() }),  
polygon: createPublicClient({ chain: polygon, transport: http() }),  
optimism: createPublicClient({ chain: optimism, transport: http() }),};

const [ethBlock, polyBlock, optBlock] = await Promise.all([  
clients.ethereum.getBlockNumber(),  
clients.polygon.getBlockNumber(),  
clients.optimism.getBlockNumber(),
]);

✏️ ОТЛИЧИЯ ОТ ETHERS.JS

Более строгая типизация

Разделение клиентов на чтение и запись

BigInt вместо BigNumber

Другая система обработки ошибок

🙁

МИНУСЫ

1⃣

Нет встроенной поддержки HTTP/HTTPS прокси для транспортов

Сложно использовать в странах с блокировками RPC-узлов

в результате приходится настраивать прокси на уровне ОС или использовать кастомный транспорт:

2⃣ проблемы с нодами

ограниченная поддержка Basic Auth/WSS Key в стандартных транспортах

и для Infura, Alchemy с приватными ключами нужно вручную добавлять headers

const transport = http({
  url: 'https://mainnet.infura.io/v3',
  fetchOptions: {
    headers: { 
      Authorization: Bearer ${process.env.INFURA_SECRET}
    }
  }
})

3⃣

БОЛЬШИЕ ABI

При работе с огромными ABIs (например, Uniswap V3) могут быть:

> Увеличивается время компиляции TypeScript

> Падает производительность в dev-режиме

> Ошибки "Type instantiation is excessively deep and possibly infinite"

поэтому используем облегченный ABI

// Вместо полного ABI Uniswap:

const abi = parseAbi(['function swapExactTokensForTokens(uint,uint,address[],address)'])

4⃣ LEGACY TX

Плохая поддержка устаревших форматов (например, EIP-1559 нельзя отключить)

Сложно работать с сетями типа BSC, где нет EIP-1559

когда НЕ стоит выбирать Viem?

😭

Если нужна готовая прокси-поддержка -> Ethers.js

При работе с динамическими ABIs -> TypeChain + Ethers

Для сложной WalletConnect-интеграции -> Wagmi

если не критичны:

Типобезопасность, Производительность, Современные стандарты (EIP-1559, ENS)

Viem остаётся лучшим выбором

😱

ВАШ АКТИВ И Я ПИШУ СТАТЬЮ ПО VIEM

🔊

Please open Telegram to view this post