Sovryn-frontend VS useDApp

In the Bitocracy. You can see at live.sovryn.app homepage. Join the telegram group Sovyrn Citadel and the CMs can walk you through it. REddit is an unofficial channel not owned by Sovryn team.

Check out live.sovryn.app and wiki.sovryn.app.

Dapp: https://live.sovryn.app

https://live.sovryn.app/ - non-kyc derivatives exchange built on the BTC blockchain in a decentralized way.

I really like the true decentralization of Sovryn; the fact that everything within their platform is completely trust-less is very appealing to me. Not to mention you can go as far as downloading the entire front-end and hosting it on your own system to directly interact with the smart contracts in a fully permission-less way, that is what I (personally) consider true defi. (https://github.com/DistributedCollective/Sovryn-frontend/)

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