<!-- mobian-agent-page publisher="dailydev" canonical="https://daily.dev/posts/what-is-web3-react-and-how-to-use-it-in-your-next-project--t0uzowgev" -->

---
title: What is Web3-React and How to Use it in Your Next Project?
description: Web3-react is an easy-to-use, simple, extensible web3 framework for building dApps. It uses React architecture for building frontend of dApps on the Ethereum...
canonical: https://daily.dev/posts/what-is-web3-react-and-how-to-use-it-in-your-next-project--t0uzowgev
twitter:card: summary_large_image
twitter:site: @dailydotdev
og:type: website
og:site_name: daily.dev
og:title: What is Web3-React and How to Use it in Your Next Project? | daily.dev
og:description: Web3-react is an easy-to-use, simple, extensible web3 framework for building dApps. It uses React architecture for building frontend of dApps on the Ethereum...
og:url: https://daily.dev/posts/what-is-web3-react-and-how-to-use-it-in-your-next-project--t0uzowgev
og:image: https://api.daily.dev/og/posts/T0UZoWGEV.png
og:image:alt: What is Web3-React and How to Use it in Your Next Project?
og:image:width: 1200
og:image:height: 630
og:locale: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# What is Web3-React and How to Use it in Your Next Project?

**[Hashnode](https://daily.dev/sources/hashnode)** · [@chp](https://daily.dev/chp) · 6 min read · 6 upvotes · 1 comments

## Summary

Web3-react is an easy-to-use, simple, extensible web3 framework for building dApps. It uses React architecture for building frontend of dApps on the Ethereum network. By default, it supports injected providers like Meta Mask, Gnosis Safe, Frame, and WalletConnect.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://web3.hashnode.com/what-is-web3-react-and-how-to-use-it-in-your-next-project>

## Community discussion

Top comments from developers on daily.dev.

**@chp** · 0 upvotes

> I hope everyone enjoys reading it.

---

Tags: [#nodejs](https://daily.dev/tags/nodejs), [#web3](https://daily.dev/tags/web3)

[View this post on daily.dev](https://daily.dev/posts/what-is-web3-react-and-how-to-use-it-in-your-next-project--t0uzowgev)

```json
{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]}
{"@context":"https://schema.org","@type":"TechArticle","headline":"What is Web3-React and How to Use it in Your Next Project?","url":"https://daily.dev/posts/what-is-web3-react-and-how-to-use-it-in-your-next-project--t0uzowgev","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/what-is-web3-react-and-how-to-use-it-in-your-next-project--t0uzowgev"},"datePublished":"2021-12-23T13:46:55.185Z","dateModified":"2021-12-23T13:46:55.186Z","description":"Web3-react is an easy-to-use, simple, extensible web3 framework for building dApps. It uses React architecture for building frontend of dApps on the Ethereum...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/2c11e024766d86dcff4439237fdfe65d","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/2c11e024766d86dcff4439237fdfe65d","isAccessibleForFree":true,"articleSection":"Hashnode","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Person","name":"Chaitanya Prabuddha","url":"https://daily.dev/chp","image":"https://media.daily.dev/image/upload/f_auto/v1651070867/avatars/OT5ElbIEy8et9jpKNWIHn","description":"16 Year Old • Web Developer • Content Writer","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"EndorseAction"},"userInteractionCount":50}},"commentCount":1,"discussionUrl":"https://daily.dev/posts/what-is-web3-react-and-how-to-use-it-in-your-next-project--t0uzowgev","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":6},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":1}],"keywords":"nodejs,web3","timeRequired":"PT6M"}
{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Hashnode","item":"https://daily.dev/sources/hashnode"},{"@type":"ListItem","position":3,"name":"What is Web3-React and How to Use it in Your Next Project?"}]}
{"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/what-is-web3-react-and-how-to-use-it-in-your-next-project--t0uzowgev","comment":[{"@type":"Comment","text":"I hope everyone enjoys reading it.","datePublished":"2021-12-23T15:21:47.705Z","url":"https://daily.dev/posts/T0UZoWGEV#c-nngRv-Gm1","author":{"@type":"Person","name":"Chaitanya Prabuddha","url":"https://daily.dev/chp","image":"https://media.daily.dev/image/upload/f_auto/v1651070867/avatars/OT5ElbIEy8et9jpKNWIHn"}}]}
```

