website
useDApp
website | useDApp | |
---|---|---|
1 | 29 | |
14 | 1,551 | |
- | 0.1% | |
4.1 | 6.2 | |
almost 2 years ago | 9 days ago | |
TypeScript | TypeScript | |
Mozilla Public License 2.0 | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
website
useDApp
- Is there any way to call metamask from my own chrome extension?
-
React Hooks for Web3 Ethereum Developers
useDapp
-
web3 - 3D Web3 serie
There are other several libraries to create a web3 enviroment as: Rainbowkit || Wagmi || Scaffold-eth || useDApp || web3modal || Web3-UI
-
Contributing to Ergo
Something like https://usedapp.io for react/Js
-
What is the most modern way to connect to a ... a dapp? Man... I'm a dinosaur and it's only been 2 years
You should also check out useDapp. It brings a lot more than connections but since you're writing a dapp anyway, it's gonna be useful
-
Where to start as a developer in Defi?
If youโre a react dev, take a look at useDApp to connect your front end to the blockchain. Good luck!
-
How to handle wallet connection in a dapp
Check out useDApp - https://usedapp.io/ I'm using it for connecting to Harmony and its very straightforward to set up and utilize. (I'm not affiliated with useDApp in any way.)
-
My first NFT dApp okomongo is live ๐
Yeah, the whole login process was one of the major pains within this project. But I found a useful stack to implement it smoothly. First of all, I built the app using the "useDApp" lib (https://github.com/EthWorks/useDApp). This lib creates lots of great hooks to use, which integrates perfectly into the React framework. This lib provides a one-function-solution to login using browser wallets (activateBrowserWallet). But that's only half of the job. For all other users I am using the "WalletConnectConnector" lib from the great "web3-react" framework. This lib creates the frontend dialog and returns the chosen provider, which I forward to the "useDApp" library for the hooks and blockchain connection. Here is the main code for the login procedure: import { useEthers } from '@usedapp/core'; import { WalletConnectConnector } from '@web3-react/walletconnect-connector'; const walletconnect = new WalletConnectConnector({ rpc: { 1: process.env.REACT_APP_RPC_URL_1, 4: process.env.REACT_APP_RPC_URL_4 }, qrcode: true }) function WalletButton(props) { const { activateBrowserWallet, activate, deactivate, account } = useEthers(); useEffect(() => { const walletConnectSettings = localStorage.getItem("walletconnect"); if(walletConnectSettings) { if(JSON.parse(walletConnectSettings).connected === true) { activate(walletconnect); } } }, [activate]); const handleLogin = async () => { if(window.ethereum || window.web3) { activateBrowserWallet(); } else { activate(walletconnect); } } }
- Metamask connect button
- UseDApp
What are some alternatives?
marsgenesis-contract - 10,000 unique collectible lands of Mars, covering the entire planet, with proof of ownership stored on the Ethereum blockchain.
web3-react - A simple, maximally extensible, dependency minimized framework for building modern Ethereum dApps
connect-metamask-react-dapp - Build a simple React / Web3 Dapp that replicates a small portion of the Uniswap v2 interface
website - Loot Project website
hardhat - Hardhat is a development environment to compile, deploy, test, and debug your Ethereum software.
defi-dapps-solidity-smart-contracts - This is a Web 3 Smart Contract learning and teaching repo which will be used to teach students all across Pakistan.
create-eth-app - Create Ethereum-powered apps with one command
open-nft-marketplace - An NFT Marketplace running on ethereum, binance smart chain, polygon, avalanche, fantom, optimism and arbitrum powered by 0x smart contracts. Made in React/Next JS, MUI and Typescript.
metamask-extension - :globe_with_meridians: :electric_plug: The MetaMask browser extension enables browsing Ethereum blockchain enabled websites
create-next-stack - Create Next Stack is a website and CLI tool used to easily set up the boilerplate of new Next.js apps.
Nethereum - Ethereum .Net cross platform integration library