Truffle, Webpack and React boilerplate.
This box comes with everything you need to start using smart contracts from a react app. This is as barebones as it gets, so nothing stands in your way.
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
js npx truffle unbox react
Alternatively, you can install Truffle globally and run the
Run the development console.
Compile and migrate the smart contracts. Note inside the development console we don't preface commands with
clientdirectory, we run the React app. Smart contract changes must be manually recompiled and migrated.
// 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.
To build the application for production, use the build script. A production build will be in the
How do I use this with the Ganache-CLI?
It's as easy as modifying the config file! Check out our documentation on adding network configurations. Depending on the port you're using, you'll also need to update line 29 of
Where is my production build?
The production build will be in the
client/buildfolder after running
npm run buildin the
Where can I find more documentation?