Drizzle Truffle Box
This box comes with everything you need to start using smart contracts from a react app with Drizzle. It includes
drizzle-react-components to give you a complete overview of Drizzle's capabilities.
First ensure you are in a new and empty directory.
npxand skip to step 3. This will install all necessary dependencies. A Create-React-App is generated in the
npx truffle unbox drizzle
Alternatively, you can install Truffle globally and run the
npm install -g truffle truffle unbox drizzle
Run the development console.
Compile and migrate the smart contracts. Note inside the development console we don't preface commands with
appdirectory, we run the React app. Smart contract changes must be manually recompiled and migrated.
// in another terminal (i.e. not in the truffle develop prompt) cd app npm run start
// inside the development console test // outside the development console truffle test
Jest is included for testing React components. Compile your contracts before running Jest, or you may receive some file not found errors.
// ensure you are inside the app directory when running this npm run test
To build the application for production, use the build script. A production build will be in the
// ensure you are inside the app directory when running this npm run build
Where do I find more information about Drizzle?
Where is my production build?
The production build will be in the
app/buildfolder after running
npm run buildin the
Where can I find more documentation?