ReactとSolidity言語でBCのWebアプリ開発を体験
無料でもみられる範囲の内容説明 + 全体的な感想を書きます
【Web3.0アプリ開発入門】ReactとSolidity言語で簡単ブロックチェーンWebアプリ開発を体験してみよう
1. はじめに
学ぶこと
2. ブロックチェーン基礎入門
ブロックチェーンの仕組み
3. Solidity入門
Solidityとスマートコントラクト
Remix IDE
コンパイルとデプロイをしてガス代を確認
Solidityの文法
4. スマートコントラクトを実装してみよう
ホテル予約のスマートコントラクトを実装
満室かETHが足りない場合の条件分岐を実装
modifierを使ったリファクタリング
eventを使ってログを出力
5. ブロックチェーンWebアプリを開発してみよう(レイアウト)
完成品のデモ
Reactの確認
6. ブロックチェーンWebアプリを開発してみよう(スマートコントラクト)
hardhatによるスマートコントラクト開発環境の構築
Solidityでスマコンを記述
トランザクションを追加する関数
メタマスク
Alchemyでテストネットワーク
hardhat.config.jsを修正してAlchemyと連携
疑似的なETHをメタマスクに追加
スマコンをデプロイ
7. ブロックチェーンWebアプリを開発していよう(Reactとコントラクト連携編)
ethers.jsのインストール
自作したスマコンを取得する関数
トランザクションを全てのコンポーネントに提供
トランザクションのやり取りをする関数
フォームで打ち込んだ文字列を取得してみよう
メタマスク間で通貨のやりとりのロジックを作成
スマコンで作成したブロックチェーン追加の関数を利用
実際に送金者と受信者で通貨のやり取りをする
React AirbnbのStyle Guide