https://github.com/raid-guild/quiver

React Hooks for integrating Smart Contracts on Ethereum
https://github.com/raid-guild/quiver

blockchain dapps eth ethereum react react-hooks smart-contracts

Last synced: about 2 months ago
JSON representation

React Hooks for integrating Smart Contracts on Ethereum

• Host: GitHub
• URL: https://github.com/raid-guild/quiver
• Owner: raid-guild
• License: mit
• Created: 2021-11-19T16:37:23.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2022-08-04T15:15:39.000Z (over 2 years ago)
• Last Synced: 2024-12-05T19:05:38.988Z (about 2 months ago)
• Topics: blockchain, dapps, eth, ethereum, react, react-hooks, smart-contracts
• Language: TypeScript
• Homepage: https://raid-guild.github.io/quiver/
• Size: 1.95 MB
• Stars: 41
• Watchers: 14
• Forks: 4
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-web3-tools-and-dapps - Quiver - Unlock the potential of Ethereum smart contracts by seamlessly connecting them with dapp frontends using React Hooks and Ethers.js. (dApps directory / React Tools)

README

        
# Quiver

A collection of React hooks and components, making it easy to develop frontends for Ethereum dApps, especially for first time web3 frontend developers. Quiver Aims to decrease the time it takes to integrate from 15 hours to 2 hours.

## Features

- Powered by the popular [ethers](https://ethers.org/) package, which handles all ethereum functionality.

- Built-in support for connecting to wallets using [Web3Modal](https://github.com/Web3Modal/web3modal).

- Full support for TypeScript out of the box, including fully-typed contracts with [TypeChain](https://github.com/dethcrypto/TypeChain).

## Starter

There are two starters projects which you can use to get started with smart contracts and web3 development

- [Hardhat + Create React App](https://github.com/midgerate/smart-contract-cra-starter)

- [Hardhat + Next.js](https://github.com/midgerate/smart-contract-nextjs-starter)

## Hidden Nuggets

Quiver comes with many useful features that are otherwise configured by developers all the time.

- Auto-update values when reading from the contract

- Use static provider without needing to connect to wallet and automatically switch to wallet provider once connected.

- Cache provider will automatically connect to wallet, but it wont if user's Metamask is locked

- ENS Integrations

- Gnosis Safe Apps Integration

- Common contracts are already included in quiver (ERC20 and ERC721)

- Works with Create React App and Next.js and possibly other React frameworks

## Requirements

- ethers

- react >= 16

- web3modal

Read the docs [here](https://raid-guild.github.io/quiver/)

## Thanks

Heavily inspired by [Ethereal React](https://github.com/kesne/ethereal-react)