Template for dApp on Ethereum

[coolcorexix]

Is your proposal related to a problem?

Currently create-react-app does not have a template for bootstraping a dApp interface. With the popularity of this package, we can introduce a clean boilerplate, which comply to the https://eips.ethereum.org/EIPS/eip-1102. Further improvement will come from contribution.
The need for a proper init for making the dApp I think will surge in the near future and this RFC will be very useful if approved. Client-side rendering is a favored option when it comes to making dApp's interface. (e.g:Pancakeswap https://github.com/pancakeswap/pancake-frontend/blob/develop/package.json#L56)

Describe the solution you'd like

I have already created a template, Typescript-powered with create-react-app --template typescript here and add dApp logic on top of that, which are:

• Provide typings of ethereum and web3 in the global window object: https://github.com/coolcorexix/create-react-dapp-ts/blob/main/src/index.d.ts
• Ask for consent to connect to user's wallet account upon app loading: https://github.com/coolcorexix/create-react-dapp-ts/blob/main/src/App.tsx#L13
• Use the available blockchain provider from browser: https://github.com/coolcorexix/create-react-dapp-ts/blob/main/src/eth-services/askForConnect.ts#L6
• Expose window.web3 via a getter method for better encapsulation: https://github.com/coolcorexix/create-react-dapp-ts/blob/main/src/eth-services/getCurrentWeb3Instance.ts