Solidity и Ethereum в React (Next JS): Полное Руководство (2023)

Solidity и Ethereum в React (Next JS): Полное Руководство (2023)
en

Создавайте настоящие смарт-контракты в Solidity и DApps с помощью React & Next JS. Разберитесь, как работает блокчейн Ethereum.

 

Что такое Ethereum?

Ethereum — это технология, которая позволяет отправлять криптовалюту кому угодно, но, в первую очередь, она также поддерживает приложения, которые могут использовать все, и никто не может их удалить. Это программируемый блокчейн в мире.

Ethereum основан на инновациях Биткойна с некоторыми существенными отличиями.

Оба позволяют использовать цифровые деньги без поставщиков платежных услуг или банков. Но Ethereum является программируемым, поэтому вы также можете использовать его для многих различных цифровых активов — даже для биткойнов!

Это также означает, что Ethereum предназначен не только для платежей. Это торговая площадка финансовых услуг, игр и приложений, которые не могут украсть ваши данные или подвергнуть вас цензуре. Это будущее.

Что такое Solidity?

Solidity — это объектно-ориентированный язык высокого уровня для реализации смарт-контрактов. Смарт-контракты — это программы, которые управляют поведением учетных записей в Ethereum.

Solidity — это язык фигурных скобок. На него влияют C ++, Python и JavaScript, и он предназначен для виртуальной машины Ethereum (EVM). Вы можете найти более подробную информацию о том, какие языки вдохновили Solidity, в разделе языковых влияний.

Solidity имеет статическую типизацию, поддерживает наследование, библиотеки и сложные определяемые пользователем типы, а также другие функции.

С Solidity вы можете создавать контракты для таких целей, как голосование, краудфандинг, слепые аукционы и кошельки с несколькими подписями.

Что охватывает этот курс?

Курс охватывает все, что вам нужно, чтобы стать разработчиком блокчейн. Студенты этого курса узнают, что такое блокчейн Ethereum и как он работает на базовом уровне и с точки зрения разработчика.

Студенты узнают, что такое смарт-контракты и как их создавать. Смарт-контракты идут рука об руку с dApps (децентрализованными приложениями). Курс также охватывает их.

В качестве интерфейса для dApps, описанного в курсе, использовалась библиотека React и среда Next JS. CSS и дизайн созданы с помощью фреймворков Bulma и Tailwind.

В курсе создаются два реальных приложения. Каждая часть создания приложения хорошо объяснена и задокументирована.

Первое приложение курса

Студенты изучат основы и основные знания сети Ethereum, работая над практическими приложениями.

Внешний интерфейс приложения построен с использованием библиотеки React и фреймворка Bulma, для создания смарт-контрактов использовалась среда разработки Truffle и Ganache (частный блокчейн).

Приложение Faucet позволит пользователям вносить и снимать средства со смарт-контракта. Пользователи будут взаимодействовать со смарт-контрактом через веб-сайт, подключенный к сети блокчейн через кошелек Metamask.

Цель первого приложения — охватить основы, одновременно получая удовольствие от работы над чем-то практическим.

Наиболее важные вопросы, на которые отвечает это приложение:

  • что такое Ethereum (транзакции, блокчейн)
  • что такое EVM (байт-код, хранилище)
  • как создавать смарт-контракты и децентрализованные приложения
  • как интегрировать смарт-контракты с React

Приложение Marketplace:

Это приложение описывает создание интерактивной торговой площадки. Клиенты этого приложения будут покупать курсы (студенты могут выбирать продукты по своему выбору) за цифровую валюту Ether.

Со всеми основами, описанными в предыдущем приложении, основное внимание будет уделено практической части разработки сети Ethereum. Темы будут более сложными, а лекции будут более практичными с точки зрения кода.

Второе приложение включает в себя множество функций, например, страницу торговой площадки с обновлениями в реальном времени валюты эфира и цен на курсы по сравнению с долларом США.

Модальное окно предназначено для оформления заказов. Решение для хеширования электронной почты для сохранения конфиденциальности клиента. Просмотр заказов с фильтрацией заказов и пагинацией и многое другое.

Это приложение будет построено на платформе Next JS с Tailwind в качестве инфраструктуры CSS. Next JS внутренне использует библиотеку React. Он прост в использовании и по умолчанию предлагает SSR (рендеринг на стороне сервера).

SSR предлагает множество преимуществ, но также приносит мало проблем с точки зрения интеграции с блокчейном.

Вся часть интеграции Next JS с блокчейном покрыта, хорошо объяснена и задокументирована. Окончательное приложение будет размещено в Интернете. Смарт-контракт будет развернут в «живой» основной сети.

Наиболее заметные темы, затронутые в этом приложении:

  • Next js (SSR) Интеграция с Web3 и Blockchain
  • Создание более сложного смарт-контракта
  • Хеширование электронной почты и функция проверки заказа
  • Решение для тестирования (тесты охватывают все особенности смарт-контракта)
  • Пагинация и фильтрация заказов

Вы не можете просматривать данный курс -