subspace/examples/react-example1/README.md

1.5 KiB

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 root folder, install, build and link the packages with yarn or npm

yarn
yarn bootstrap
yarn link --cwd packages/core
yarn link --cwd packages/react

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

yarn link "@embarklabs/subspace"
yarn link "@embarklabs/subspace-react"
yarn

Usage

In a terminal execute

ganache-cli

In a different session, execute

yarn run deploy

And then:

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.