feat(docs): metamask-react (#7130)

* Add MetaMask with React Tutorial * Fix Live Code Editor
web3 · Jun 27, 2024 · 6454202 · 6454202 · github-actions · Jun 27, 2024
1 parent 80bd3fa
commit 6454202
Show file tree

Hide file tree

Showing 4 changed files with 630 additions and 4 deletions.
diff --git a/docs/docs/guides/getting_started/introduction.md b/docs/docs/guides/getting_started/introduction.md
@@ -35,7 +35,7 @@ New Web3.js developers should proceed to the [Quickstart](/guides/getting_starte
 
 ### For Intermediate & Advanced Web3.js Developers
 
-If you're already familiar with Ethereum and Web3.js development, you may want to review the Web3.js [package structure](#packages--plugins) and proceed directly to the [package-level documentation](/libdocs/ABI) and [API documentation](/api). Application developers may wish to review the [Web3.js configuration guide](/guides/web3_config/) or learn how to use Web3.js with tools like the [MetaMask](/guides/wallet/metamask) wallet or the [WalletConnect](/guides/wallet/web3_modal_guide/) wallet selection modal. Don't forget to review the [list of available plugins](https://web3js.org/plugins) or even [learn how to build your own Web3.js plugin](/guides/web3_plugin_guide/plugin_authors)!
+If you're already familiar with Ethereum and Web3.js development, you may want to review the Web3.js [package structure](#packages--plugins) and proceed directly to the [package-level documentation](/libdocs/ABI) and [API documentation](/api). Application developers may wish to review the [Web3.js configuration guide](/guides/web3_config/) or learn how to use Web3.js with tools like the [MetaMask](/guides/wallet/metamask-react) wallet or the [WalletConnect](/guides/wallet/web3_modal_guide/) wallet selection modal. Don't forget to review the [list of available plugins](https://web3js.org/plugins) or even [learn how to build your own Web3.js plugin](/guides/web3_plugin_guide/plugin_authors)!
 
 ## Packages & Plugins
 

diff --git a/docs/docs/guides/wallet/index.md b/docs/docs/guides/wallet/index.md
@@ -299,5 +299,5 @@ The following is a list of [`Wallet`](/libdocs/Wallet) methods in the `web3.eth.
 This document is just an introduction to Web3.js accounts and wallets. Here are some suggestions for what to review next:
 
 - Learn how to [transfer ETH](/guides/wallet/transactions) from one account to another.
-- Build a front-end application that uses [injected accounts](/guides/wallet/metamask) from the MetaMask wallet.
+- Build a front-end application that uses [injected accounts](/guides/wallet/metamask-vanilla) from the MetaMask wallet.
 - Use an account to [deploy and interact with a smart contract](/guides/smart_contracts/smart_contracts_guide).
Benchmark suite	Current: `6454202`	Previous: `80bd3fa`	Ratio
`processingTx`	`8763` ops/sec (`±4.06%`)	`9066` ops/sec (`±3.72%`)	`1.03`
`processingContractDeploy`	`37748` ops/sec (`±7.88%`)	`39433` ops/sec (`±6.51%`)	`1.04`
`processingContractMethodSend`	`14867` ops/sec (`±8.97%`)	`15757` ops/sec (`±8.23%`)	`1.06`
`processingContractMethodCall`	`25442` ops/sec (`±7.88%`)	`27254` ops/sec (`±8.09%`)	`1.07`
`abiEncode`	`40333` ops/sec (`±5.55%`)	`42850` ops/sec (`±7.45%`)	`1.06`
`abiDecode`	`27687` ops/sec (`±9.66%`)	`29501` ops/sec (`±8.63%`)	`1.07`
`sign`	`1472` ops/sec (`±3.58%`)	`1518` ops/sec (`±3.36%`)	`1.03`
`verify`	`364` ops/sec (`±0.56%`)	`376` ops/sec (`±0.50%`)	`1.03`