> Markdown version of [/videos/328-connect-metamask-with-web3js?t=266](https://www.wearedevelopers.com/videos/328-connect-metamask-with-web3js?t=266). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md).

---

# Connect Metamask with web3js

Ready to bridge your frontend to the Ethereum blockchain? Master the Web3 development stack by connecting Metamask to React using Web3.js and smart contract ABIs.

- **Speakers:** Wisdom Nwokocha
- **Event:** WeAreDevelopers LIVE
- **Published:** December 25, 2021
- **Duration:** 49:40
- **URL:** https://www.wearedevelopers.com/videos/328-connect-metamask-with-web3js
- **Thumbnail URL:** https://customer-goifxnzhrq3d0d54.cloudflarestream.com/831676d97e1bc230b33eb0d16e399e49/thumbnails/thumbnail.jpg?time=30000ms

## Access

Playback and chapters for this video are available with a Free account.

## Related Moments

- [Essential developer tools for building web3 applications](https://www.wearedevelopers.com/videos/584-road-to-web3) (from "​Road to Web3")
  - **Thumbnail URL:** https://customer-goifxnzhrq3d0d54.cloudflarestream.com/cc582e685a8e1e731b7061e66758b535/thumbnails/thumbnail.jpg?time=122430ms
- [Understanding web3 application architecture and network communication](https://www.wearedevelopers.com/videos/584-road-to-web3) (from "​Road to Web3")
  - **Thumbnail URL:** https://customer-goifxnzhrq3d0d54.cloudflarestream.com/cc582e685a8e1e731b7061e66758b535/thumbnails/thumbnail.jpg?time=122430ms
- [Speaker background and transition to web3](https://www.wearedevelopers.com/videos/876-why-chain-abstraction-is-the-best-way-to-build-successful-web3-solutions-for-users) (from "Why chain abstraction is the best way to build successful web3 solutions for users")
  - **Thumbnail URL:** https://customer-goifxnzhrq3d0d54.cloudflarestream.com/c7ed720588073a1cc8b45edc88aa633e/thumbnails/thumbnail.jpg?time=68885ms
- [Automating programmable logic using smart contracts and JavaScript tools](https://www.wearedevelopers.com/videos/633-a-primer-on-blockchain-and-hedera-an-intro-through-terms) (from "A Primer on Blockchain and Hedera: An Intro Through Terms")
  - **Thumbnail URL:** https://customer-goifxnzhrq3d0d54.cloudflarestream.com/6c6317b80bfa38994f97c0c2cb45ebc8/thumbnails/thumbnail.jpg?time=117045ms
- [Transitioning into web3 application development contexts](https://www.wearedevelopers.com/videos/876-why-chain-abstraction-is-the-best-way-to-build-successful-web3-solutions-for-users) (from "Why chain abstraction is the best way to build successful web3 solutions for users")
  - **Thumbnail URL:** https://customer-goifxnzhrq3d0d54.cloudflarestream.com/c7ed720588073a1cc8b45edc88aa633e/thumbnails/thumbnail.jpg?time=68885ms
- [Integrating existing web technologies within modern web3 architectures](https://www.wearedevelopers.com/videos/634-debunking-the-top-10-myths-about-web-3) (from "Debunking the Top 10 Myths about Web 3")
  - **Thumbnail URL:** https://customer-goifxnzhrq3d0d54.cloudflarestream.com/e67d0013e9bf7eab763ee0745c3c18f5/thumbnails/thumbnail.jpg?time=302445ms

## Related Articles

- [Dev Digest 138 - Are you secure about this?](https://www.wearedevelopers.com/magazine/486-dev-digest-138-are-you-secure-about-this)
- [Native Web Apps: Are We There Yet?](https://www.wearedevelopers.com/magazine/83-native-web-apps-are-we-there-yet)
- [From Hype to Code: Real Blockchain Use Cases for Developers](https://www.wearedevelopers.com/magazine/620-from-hype-to-code-real-blockchain-use-cases-for-developers)
- [Dev Digest 132 - Binging WADFlix?](https://www.wearedevelopers.com/magazine/473-dev-digest-132-binging-wadflix)

## Related Jobs

- [Senior Software Engineer, React (Broker Web Platform)](https://www.wearedevelopers.com/jobs/ext/2770117-senior-software-engineer-react-broker-web-platform) at **Bitpanda**
- [Senior Web Software Architect, AI Experiences](https://www.wearedevelopers.com/jobs/ext/4523834-senior-web-software-architect-ai-experiences) at **TeamViewer Germany GmbH**
- [SDE3](https://www.wearedevelopers.com/jobs/48596-sde3) at **WEX**
- [Senior React Native Developer](https://www.wearedevelopers.com/jobs/48580-senior-react-native-developer) at **hiyrd Inc**
- [Senior Software Engineer (Backend/Full Stack)](https://www.wearedevelopers.com/jobs/ext/4491361-senior-software-engineer-backend-full-stack) at **AMD**
- [Staff Engineer - Web Platform](https://www.wearedevelopers.com/jobs/ext/3243034-staff-engineer-web-platform) at **Intercom, Inc.**