useDApp
scaffold-eth
Our great sponsors
useDApp | scaffold-eth | |
---|---|---|
29 | 2 | |
1,549 | 1 | |
0.1% | - | |
6.7 | 0.0 | |
27 days ago | over 2 years ago | |
TypeScript | JavaScript | |
MIT License | 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.
useDApp
-
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
-
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
-
Hardhat is to Truffle as Vue is to React?
This is a great question I'm interested in learning more about too. From my limited experience , it feels like hardhat and ethers.js have been rapidly growing in popularity. I don't see it on the pinned readme, but I'm having a wonderful experience with useDApp as well.
- What are some best practices when it comes to structuring a web3 frontend application?
-
web3-react: Connect Users to MetaMask (or any wallet) From Your Frontend
Website (not mobile-friendly): usedapp.io
scaffold-eth
-
How to handle wallet connection in a dapp
You can also start with a template like eth-scaffold that was ported to harmony: https://github.com/harmony-one/scaffold-eth
What are some alternatives?
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
hardhat - Hardhat is a development environment to compile, deploy, test, and debug your Ethereum software.
create-eth-app - Create Ethereum-powered apps with one command
metamask-extension - :globe_with_meridians: :electric_plug: The MetaMask browser extension enables browsing Ethereum blockchain enabled websites
Nethereum - Ethereum .Net cross platform integration library
walletconnect-example-dapp - Example Dapp
Vue.js - This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core
web3modal - A single Web3 provider solution for all Wallets
MorpherWallet - Morpher Wallet is a recoverable, non-custodial wallet that runs directly in the browser. Needs zero installation and zero configuration as a keystore.
Elliptic-PHP - Fast, general Elliptic Curve Cryptography library. Supports curves used in Bitcoin, Ethereum and other cryptocurrencies (secp256k1, ed25519, ..)
ethereum-developer-tools-list - A guide to available tools and platforms for developing on Ethereum.