A collection of front-end libraries that make writing dapp user interfaces easier and more predictable.
npm install --save @drizzle/store
The core of Drizzle is based on a Redux store. We take care of synchronizing your contract data, transaction data and more.
Learn MoreDrizzle extends web3 1.0's contracts, so you have access to all properties & methods described in their documentation.
Learn MoreDrizzle can generate its own store or use your existing store. Simply import its reducers & sagas and you're good to go.
Learn MoreWe maintain a library of React components for commonly used dapp functions. For example, generating input forms for contracts.
Learn MoreDrizzle's architecture is completely modular--drizzle as much or as little as you like. We've created two packages for use with React, but the core functionality is contained in the base drizzle
module itself. If you're familiar with Redux, it's not a stretch to create an Angular library or use it for something other than a webapp.
drizzle
: The core library responsible for web3, account and contract instantiation; wiring up the necessary synchronizations and providing additional contract functionality.drizzle-react
: Provides a DrizzleProvider component and drizzleConnect helper method to make it easier to connect Drizzle with your React app.drizzle-react-components
: A library of useful components for common dapp functions. Currently includes ContractData, ContractForm and LoadingContainer.