Structure of the application
The application follows a pretty standard React Hook approach.
Props
The following props are provided:
- readPoint: Information on the Read Point: it's name, id, etc.
- events: Real-time streaming events can be subscribed to using this object, for example actions.
- api: API object to work with the Harmony API.
- harmonyConsole: Function to log information that can be of help debugging the application.
import React from 'react'
export default function Application({ readPoint, events, api, harmonyConsole }) {
useEffect(() => {
harmonyConsole.log('Loading the application for readPoint', readPoint)
})
events.onAction = async (action) => {
harmonyConsole.log('Received action', action)
}
return (
<>
Page contents...
</>
)
}
Updated 6 months ago