DEV Community

Cover image for Connecting MetaMask to a Reactjs App + Custom Hook + State Management

Posted on • Updated on • Originally published at Medium

Connecting MetaMask to a Reactjs App + Custom Hook + State Management

Hey everyone! If you're interested in getting the basics down on connecting your new App or dApp to the Ethereum blockchain and also connecting a wallet like MetaMask, here is Part 1 article of my journey:

Image description

In this article I will explore how to setup a React Application that will connect to MetaMask and show your account info.

I will also show how to create a Custom Hook in this application that will store the State of your current connection status / account info with MetaMask.

We will also wrap your React app in a Provider that will utilize Web3 to transact with Smart Contracts or send ETH to other accounts that you specify and sign those transactions.

If you like the article please give me a clap and a follow! Bless

Discussion (1)

sloan profile image

Hi there, we encourage authors to share their entire posts here on DEV, rather than mostly pointing to an external link. Doing so helps ensure that readers don’t have to jump around to too many different pages, and it helps focus the conversation right here in the comments section.

If you choose to do so, you also have the option to add a canonical URL directly to your post.