real-value-react-gauge-component v1.3.2

Real Value React UI Component

When to use this component

Use this component when you have a stream of values which update the component over time.

About this component

This is a sample component which demonstrates how to connect a real value stream to a react component.

It has unit test for the component based on this

D3 usage

This component uses D3 to render the gauge.

This page was a helpful reference in creating this component and describes a couple approaches to integrating D3 and React which are in some wasy inconsistent.

This implementation keeps the rendering of the gauge in D3 while React simply established the element which is passed to D3 as a reference

How to use

npm install

To Develop

Develop the component by running the server

npm run start

To Build

This builds the artefact which can be published to npm

npm run build

To Test

This test the components by rendering them can checking generated dom.

npm run test

To Deploy

This deploys the artefact to git hubs page.

npm run deploy