Example: webvis integration in react

Description

webvis-react-typescript is a simple application that shows how to integrate webvis into the modern framework React/Typescript.

---

Table of content

---

• Example: webvis integration in react
  • Description
  • Table of content
  • How to use the example
    • Setup
    • Technical details
      • Configuration Variables
  • License
  • How to report an issue.

---

How to use the example

This sample example is based on webvis API and the React/Typescript documentation.

Setup

In the project directory, run:

• npm install

  • To install all the dependencies.

• npm start

  • Runs the app in the development mode.
  • Open http://localhost:3000 to view it in the browser.

Technical details

Configuration Variables

• REACT_APP_URL_HUB: Defines the URL to the webvis.js which is used by the example. The webvis.js file is provided by your instant3Dhub instance and webvis automatically identifies all instant3Dhub endpoints. In this example, the URL is set to the public hubdemo instance , e.g., https://hubdemo.threedy.io/repo/webvis/webvis.js. The example assumes that you are using version 3.6.

License

This example is provided under the terms of the MIT License. Please see the LICENSE for full details.

How to report an issue.

For any report please contact us.