We’re pleased to announce our new component library for EON that makes it even easier to start integrating PubNub with
Currently, we’re providing support for charts, with the goal to add maps down the line. The component library is completely open source, so contributing is encouraged. Head over to the GitHub to add on.
The implementation is actually very simple. We need three main things.
The library takes care of all the heavy lifting for you to show the chart a component.
If you need example code snippets you can check it out over here.
You’ll first have to sign up for a PubNub account to get your unique pub/sub keys.
Then, create a basic skeleton
npx create-react-app Eon-React-Demo
Get the required libraries.
import PubNubReact from 'pubnub-react'; import Chart from 'eon-react';
Initialize our PubNub object.
this.pubnub = new PubNubReact({ subscribeKey: 'demo' // Your sub key }); this.pubnub.init(this);
Create our react component.
render() { return ( <Chart pubnub={this.pubnub} channels={['eon-components']} /** Enter your channel name **/ type='area-line' /> ); }