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.
Installation
First ensure you are in a new and empty directory.
Run the unbox command via npx and skip to step 3. This will install all necessary dependencies. A Create-React-App is generated in the client directory.
npxtruffleunboxreact
Alternatively, you can install Truffle globally and run the unbox command.
npminstall-gtruffletruffleunboxreact
Run the development console.
truffledevelop
Compile and migrate the smart contracts. Note inside the development console we don't preface commands with truffle.
compilemigrate
In the client directory, 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)cdclientnpmrunstart
Truffle can run tests written in Solidity or JavaScript against your smart contracts. Note the command varies slightly if you're in or outside of the development console.
// inside the development console.test// outside the development console..truffletest
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 client directory when running thisnpmruntest
To build the application for production, use the build script. A production build will be in the client/build folder.
// ensure you are inside the client directory when running thisnpmrunbuild
请发表评论