👷 cra-template-web3
Create-React-App Template for DApps
How to use this package
1. Use it with CRA (create app with name "my-app")
npx create-react-app my-app --template web3
2. Create .env file with your INFURA_ID
Copy .env.example with the name .env (also you can add it on .gitignore) and your INFURA_ID from https://infura.io/dashboard
🧩 Stack:
typescript
-
useReducer
withuseContext
as state-manager -
ErrorBoundary
to handle errors during render withcomponentDidCatch
-
react-notifications-component
to show error or success notifications -
scss
to operate with css -
eslint
(there are some eslint/tslint rules, you may customize them in.eslintrc.js
)
⛓️ Current chain support
- Ethereum - Mainnet (chainId: 1)
- Ethereum - Rinkeby (chainId 4)
- Binance Smart Chain - Mainnet (chainId 56)
- Polygon - Mainnet (chainId 137)
- Fantom - Mainnet (chainId 250)
- Avalanche - Mainnet (chainId 43114)
- Aurora - Mainnet (chainId 1313161554)
You can add new chains and configure rpc urls in networkInfo
object in utils/network.ts
.
In src/utils
you can find some functions that are often used in DApps.
This project was made by StableUnit team.