web3-react VS metamask-extension

What are we building? Using hardhat, we will deploy a smart contract to the goerli testnet, this contract creates a token and also is able to send these tokens to other address. For the frontend we will use react, for the interaction with the smart contract we will use Metamask and web3-react. Finally, for the analytics of our dapp we will be using sumer.

web3-react

About the stack: - Typescript - Nextjs - TailwindCSS - Styled Components - Emotion - Twin.Macro (combining Styled Components with TailwindCSS) - NextI18Next integrated (wrong translationkeys result in compilation errors) - Web3React - Ethers - Redux Toolkit + Redux Observables (with hydration example) - Ramda among others

Make sure you have some understanding of HTML/CSS. Check out Automate The Boring Stuff to learn some Python and then check out Real Python to learn some Django for your backend stuff. From there you're going to want to learn Solidity and for that I suggest checking out Crypto Zombies. Then you can learn a JavaScript frontend framework like React which has cool packages for web3 like web3-react. I'm on mobile and probably butchered this but it should give you some idea.

125.6a8cb8bf74e9194d3ec0.js - nft_web_store_client - "Unsupported chain id" - cached here: https://github.com/NoahZinsmeister/web3-react - possible source code: https://webcache.googleusercontent.com/search?q=cache:Yk5w0-pnrWsJ:https://beta.quod.ai/github/NoahZinsmeister/web3-react/simple-answer/210/Where-do-we-react-manager-for-web3+&cd=1&hl=en&ct=clnk&gl=us - Code likely written by https://noahzinsmeister.com/ - "Web3ReactUpdate" - "The provider doesn't support subscriptions" - "Couldn't decrypt accounts. Password wrong?" - ipfs

Web3-React, a connecting framework for React and Ethereum, can help us with job 1 & 2. Web3-React is an open source framework developed Uniswap engineering Lead Noah Zinsmeister. (We will focus on job 1.)

documents https://github.com/NoahZinsmeister/web3-react/tree/v6/docs

Please note that @web3-react changes a little. @web3-react/injected-connector and @web3-react/walletconnect-connector are used here. But maybe we should update with @web3-react. Please find: https://github.com/NoahZinsmeister/web3-react

Have an Ethereum wallet, preferably Metamask installed.

A  Metamask Account.

Plenty of projects are source-available, but not open source, and get tons of issues, and even contributions (https://github.com/MetaMask/metamask-extension off the top of my head)

You can create an attestation based on an existing schema or create your own. Schemas define the format in which attestations will be made, and in this case, we will use the Is Human schema to attest that the owner of a certain address is human. For this example, you only need to connect your Metamask wallet (or any wallet) to Scroll Sepolia, then enter the address you want to attest and click Make attestation. You can choose whether you want the off-chain attestation, i.e., free, obtained only by signing a transaction. Alternatively, you can choose to make it on-chain and pay for the transaction to make it public and connect it to smart contract logic. In this case, you will need to obtain funds in Scroll Sepolia through a Scroll Sepolia Faucet.

Metamask (9000 GitHub Stars) https://github.com/MetaMask/metamask-extension

For this tutorial you will need Metamask or other wallet of your choice, with Scroll Sepolia funds that you can get from a Sepolia faucet and then bridge them to L2 using the Scroll Sepolia bridge. Alternatively, you can use a Scroll Sepolia Faucet to get funds directly on L2.

16) Open Metamask app. In this instruction we will use Metamask extension for Chrome browser.

> I get a 3-5 sec lag on launch [0] as it prepares the browser to block ads.

uBO is typically ready in a fraction of second, so "3-5 sec" is not normal. In Firefox all extensions sit in the same process, so it's possible another extension is preventing uBO to be ready in a timely manner, this has happened[1].

[1] https://github.com/MetaMask/metamask-extension/issues/13163