Tools we like

Table of contents

1. Front end tooling
2. Ethereum-related tooling
3. Contract development
4. Project management

Front end tooling

Mobile

• React Native
• Expo to make it easier to iterate on top of React Native
• React Navigation

Web

• React (using Hooks)
• Create React App to handle build configuration
• emotion for styling components on the web with css-in-js
• React Router v5 for client-side routing
• Rebass for responsive grid and base component library
• GitHub Pages for hosting

Cross-platform

• TypeScript
• Apollo Client for querying for indexed data from smart contracts using GraphQL

Ethereum-related tooling

• web3-react as an abstraction that lets us easily swap in and out web3 providers (MetaMask, WalletConnect, etc.) and a dev-friendly context containing an instantiated ethers.js instance, the current account, and network id available globally throughout the dapp via a React Context.
• ethers.js v4/v5 for writing data to the contracts
• The Graph for indexing data from the contracts
• Contract-based accounts like Gnosis Safe, Argent, Abridged, Authereum, and Universal Login
• ENS

Contract development

• OpenZeppelin
• Buidler
• TypeChain

Project management

• Canny for feature requests