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