MetaMaskでログインさせる実装はWeb3に接続するどのサイトにも必要だと思うのでやってみる。ちょうどいいサンプルがあったからやってみた。結論からいうとWeb3とReactのエコシステムが発展しまくっており楽に実装できすぎて最高だった。Chakra UIも初めて触ったがコンポーネントが全て揃っててUI組むのがFlutterっぽくてすぐ手に馴染みそうだなと感じる。

MetaMaskでログインするフロントエンドのメモ

リソース

• Build a Web3 Dapp in React & Login with MetaMask - DEV Community

やること

• MetaMaskでログインするフロントエンドをReact+Chakra UIで作る

メモ

• Uniswap
  • Uniswap（ユニスワップ）は、Ethereum上に構築された分散型金融システム(DeFi)／分散型取引所（DEX）で通貨の自動取引を実現する分散型取引プロトコル。
• Oracle
  • オラクル(Oracle)とは何か? ブロックチェーン | block-chain.jp by コンセンサス・ベイス
  • DBじゃない
  • meaning的には神からの神託を伝える者
  • Ethereum文脈ではスマートコントラクトをする時に必要な外部情報を保持伝達するサーバー
  • スマートコントラクトといえど外部の一次情報が間違っていれば元も子もない
    • solidityから外部APIを呼び出す(Oracle Pattern) - Qiita
• useDApp
  • ReactでのDApp開発を便利にするライブラリ
• Chakra UI
  • 便利UIライブラリ。コンポーネントベースでFlutter使いにも割と馴染みやすいかも。
  • ざっとGet Startedみるのも良さそう
    • Build a Modern User Interface with Chakra UI | egghead.io
  • Style Props - Chakra UI