https://github.com/truffle-box/react-box

Truffle, Webpack and React boilerplate.
https://github.com/truffle-box/react-box

ethereum ethereumjs react solidity truffle webpack

Last synced: about 3 hours ago
JSON representation

Truffle, Webpack and React boilerplate.

• Host: GitHub
• URL: https://github.com/truffle-box/react-box
• Owner: truffle-box
• License: mit
• Archived: true
• Created: 2017-02-06T00:25:52.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2023-03-15T11:23:36.000Z (over 1 year ago)
• Last Synced: 2024-09-25T00:33:47.682Z (about 6 hours ago)
• Topics: ethereum, ethereumjs, react, solidity, truffle, webpack
• Language: JavaScript
• Homepage: https://truffle-box.github.io/
• Size: 2.25 MB
• Stars: 735
• Watchers: 17
• Forks: 251
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# React Truffle Box

This box comes with everything you need to start using Truffle to write, compile, test, and deploy smart contracts, and interact with them from a React app.

## Installation

First ensure you are in an empty directory.

Run the `unbox` command using 1 of 2 ways.

```sh

# Install Truffle globally and run `truffle unbox`

$ npm install -g truffle

$ truffle unbox react

```

```sh

# Alternatively, run `truffle unbox` via npx

$ npx truffle unbox react

```

Start the react dev server.

```sh

$ cd client

$ npm start

```

From there, follow the instructions on the hosted React app. It will walk you through using Truffle and Ganache to deploy the `SimpleStorage` contract, making calls to it, and sending transactions to change the contract's state.

## FAQ

- __How do I use this with Ganache (or any other network)?__

  The Truffle project is set to deploy to Ganache by default. If you'd like to change this, it's as easy as modifying the Truffle config file! Check out [our documentation on adding network configurations](https://trufflesuite.com/docs/truffle/reference/configuration/#networks). From there, you can run `truffle migrate` pointed to another network, restart the React dev server, and see the change take place.

- __Where can I find more resources?__

  This Box is a sweet combo of [Truffle](https://trufflesuite.com) and [Webpack](https://webpack.js.org). Either one would be a great place to start!