useDApp VS ethereum-developer-tools-list

useDapp

There are other several libraries to create a web3 enviroment as: Rainbowkit || Wagmi || Scaffold-eth || useDApp || web3modal || Web3-UI

Something like https://usedapp.io for react/Js

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

If you’re a react dev, take a look at useDApp to connect your front end to the blockchain. Good luck!

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.)

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); } } }

Great project! Getting people being able to actually test and debug stuff on the local chain is a massive pain in the bum. Have you thought about adding this to: https://github.com/ConsenSys/ethereum-developer-tools-list/blob/master/README.md

Sure, https://github.com/ConsenSys/ethereum-developer-tools-list/blob/master/README.md

Check out scaffold-eth on GitHub, it has a bunch of branches of example projects that you can look at. Also, Consensys has a great repo which compiles a ton of great resources for Blockchain development.

I am not sure exactly what you are looking for. Consider "listening" directly on the Github: https://github.com/ConsenSys/ethereum-developer-tools-list

Ethereum Developer Tools List

#1: Long list of Ethereum developer tools, frameworks, components, services.... please contribute! | 58 comments #2: First Ethereum project: Automated reoccurring payments (Solidity, Reactjs, Truffle, Ganache) | 29 comments #3: Ethereum 2.0 has officially launched | 32 comments