subspace/examples/react
Richard Ramos f62e3fc907
Adds lerna and receive web3 object instead of provider (#75)
* Lerna
* React components extracted to separate package
* Subspace requires a web3 object instead of a provider due to https://github.com/ethereum/web3.js/issues/1510
* Update react example to use components
2020-03-04 14:24:51 -04:00
..
public fix: react - pt1. (#27) 2019-09-03 21:16:06 -04:00
src Adds lerna and receive web3 object instead of provider (#75) 2020-03-04 14:24:51 -04:00
.env Adds lerna and receive web3 object instead of provider (#75) 2020-03-04 14:24:51 -04:00
.gitignore fix: react - pt1. (#27) 2019-09-03 21:16:06 -04:00
README.md chore: rename org to @embarklabs (#62) 2020-01-22 15:44:51 -04:00
config-overrides.js Adds lerna and receive web3 object instead of provider (#75) 2020-03-04 14:24:51 -04:00
package.json Adds lerna and receive web3 object instead of provider (#75) 2020-03-04 14:24:51 -04:00
yarn.lock Adds lerna and receive web3 object instead of provider (#75) 2020-03-04 14:24:51 -04:00

README.md

subspace - react example

Simple application using a react observable component to receive a stream of emitted events. This app will deploy a test contract to Ganache.

Requirements

  • ganache-cli
  • yarn or npm installed.

Install

In the parent folder, install, build and link the package with yarn or npm

yarn
yarn build:dev
yarn link

Then in the current folder link @embarklabs/subspace, and install the packages

yarn link "@embarklabs/subspace"
yarn

Usage

In a terminal execute

ganache-cli

In a different session, execute

yarn run start

Browse the DApp in http://localhost:3000

Note: this is a simple example application that does not include error handling for the web3 connection. Be sure ganache-cli is running in localhost:8545 before browsing the dapp.

node-gyp problems

node-gyp can cause problems, because it requires a C++ compiler.

If you do have problems caused by it, first follow the installation steps for your OS here.

If you still have problems and are on Windows, try the following:

  • run npm config set msvs_version 2015 before npm install
  • Repair Windows Build tools that the node-gyp doc made you install. If it tells you to remove a conflicting version do it. After the repair succeeded, reboot.