create-eth-app VS useDApp

It's a vague question but my goto is to create a basic site with create-eth-app (similar to create-react-app, but for ethereum) https://www.npmjs.com/package/create-eth-app

But I've probably seen more jobs looking for more "standard" frontend work on websites and apps - primarly javascript based on react or maybe vue. I think this create-eth-app repo looks nice for making eth apps.

Hi guys. I'm creating a front end for a contract and I am using React and Ethers, using create-eth-app as a starting point. My app starts like this:

https://github.com/paulrberg/create-eth-app Is a pretty good starting point for react.

You need to use Web3. You can take a look at https://github.com/paulrberg/create-eth-app. The boilerplate already connects to different wallets like Metamask.

Try taking a look at this boilerplate project and how it's done there: https://github.com/paulrberg/create-eth-app

create-eth-app v1.4.0 supports contract deployments to IPFS.

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