Web3-интерфейс: реестр в браузере
Курс последовательно строит интерфейс учебной библиотеки для реестра CourseCatalog: читатель видит курс17 без кошелька, издатель готовит публикацию или деактивацию, а история операции переживает тайм-аут и перезагрузку. Каждый урок имеет самостоятельный результат и опирается на явно названное состояние предыдущего шага.
Первая линия использует DOM, EIP-1193/EIP-6963 и viem2.37.9. Отдельная React-линия закрепляет React19.1.1, wagmi2.16.9 и TanStack Query5.85.5; она не смешивается с API wagmi v3. Сеть лаборатории31337, базовый контракт Solidity0.8.30/Cancun. Это учебный профиль, а не утверждение о последних production-версиях.
Все 30 уроков опубликованы. Листинги, кошельки, узлы, учебные транзакции, тесты и установка пакетов не запускались; описанные результаты являются ожидаемыми. Для чтения достаточно JavaScript, Promise и базовой модели CourseCatalog.
Чтение и отображение
- Web3-фронтенд: интерфейс и границы доверия
- Чтение смарт-контракта без подключения кошелька
- Web3-фронтенд: проверка сети и адреса контракта
- ABI в Web3-фронтенде: вызовы реестра CourseCatalog
- Web3: согласованное чтение состояния на одном блоке
- BigInt в Web3-фронтенде: форматирование больших чисел
- Web3: проверка хеша манифеста в браузере
- Web3-интерфейс: карточка публикации через DOM
- Web3-интерфейс: загрузка, ошибка и пустой результат
Кошелёк и контекст
- Web3-кошельки: выбор провайдера в браузере
- Подключение Web3-кошелька по кнопке
- Web3-кошелёк: аккаунты и разрешения пользователя
- Смена сети в Web3-кошельке: устаревший контекст
- События Web3-кошелька: подписки и очистка обработчиков
- Кеш чтения смарт-контракта: ключ и актуальность
Запись и наблюдение
- Web3: форма публикации и аргументы контракта
- Viem: симуляция вызова перед отправкой транзакции
- Web3-кошелёк: подтверждение и отказ от транзакции
- Receipt в Ethereum: ожидание результата транзакции
- Замена транзакции Ethereum и история операции
- Web3: тайм-аут транзакции и восстановление статуса
- Ошибки смарт-контракта в Web3-интерфейсе
- Web3: деактивация публикации из интерфейса
- Web3: обновление интерфейса по событиям контракта
История, React и восстановление
- Web3: пагинация истории публикаций
- Web3 на React: состояния интерфейса
- Wagmi: React API для работы с кошельком
- Доступность Web3-интерфейса при работе с кошельком
- Web3-приложение: перезагрузка, офлайн и несколько вкладок
- Web3-фронтенд: передача проекта и восстановление операций
Следующий маршрут — вход, смарт-аккаунты и индексатор. Для независимого хранения материалов предназначен курс IPFS.