DEV Community

Cover image for MetaMask and Web3 Resources
Eric Bishard
Eric Bishard

Posted on • Updated on

MetaMask and Web3 Resources

Not just a crypto wallet but a gateway to exploring blockchain decentralized applications.

With over 20 million users worldwide, MetaMask empowers users with the ability to buy, store, send and swap Ethereum based tokens (ERC-20, ERC-721 (NFTs), and more).

Users can connect to blockchain applications and overall own their own data by generating passwords and keys on their own devices where they only have the access to their accounts and data with the right to choose what they want to share and keep private.

Before we dive any deeper into the MetaMask ecosystem, take a minute to explore the meaning of any of the terms you may not already know in the list below:

Blockchain, Decentralization, Smart Contracts, Trustless, Wallet, Account, Address, Public Key, Private Key, Keystore File, Mnemonic/Seed Phrase, Hardware Wallet, Identicon, Hexadecimal, Seed, Brain Wallet, Entropy, Derivation, Encryption, Encrypted Keys

Developing with MetaMask

If you are a developer wanting to connect users to your decentralized application you can achieve the basics such basic vierification of the user and initiating transactions all the way to complete user account onboarding with convenience libraries like ethers, web3.js, truffle, embark and others.

The MetaMask Docs can get you started by downloading the extension, familiarization you with the Ethereum Provider API to running a test network.

The easiest way to jump right in learning how to develop with Metamask (NodeJS required) is to try your hand at Creating a Simple Dapp

Other resources that I think you should consider if you are new to web3 development are:

MetaMask now provides a metamask-onboarding library designed to improve and simplify the onboarding experience. The new library exposes an API to initiate the onboarding process. In the process, it registers your site as the origin of the onboarding request. MetaMask will check for this origin after the user completes the onboarding flow. If it finds an origin, the final confirmation button of the MetaMask onboarding flow will indicate that the user will be redirected back to your site.

Onboarding Users

As an Ethereum enabled site developer, sending users offsite to install MetaMask presents challenges. Most notably, you must inform the user to return to your site and refresh their browser after the installation.

MetaMask now provides a metamask-onboarding library designed to improve and simplify the onboarding experience. The new library exposes an API to initiate the onboarding process. This process registers your site as the origin of the onboarding request. MetaMask will check for this origin after the user completes the onboarding flow. If it finds an origin, the final confirmation button of the MetaMask onboarding flow will indicate that the user will be redirected back to your site.

MetaMask cares deeply about user experience and has been working diligently to give developers the tools they need in order to improve their own applications contributing overall to the usability of web3 technologies.

Additional Features and Resources

MetaMask Explanatory Videos

Discussion (0)