We’re pleased to announce our new component library for EON that makes it even easier to start integrating PubNub with real-time dashboards and charts into your React app! With this library you can do things like:
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' /> ); }
There are common underlying technologies for a dating app, and in this post, we’ll talk about the major technologies and designs...
Michael Carroll
How to use geohashing, JavaScript, Google Maps API, and BART API to build a real-time public transit schedule app.
Michael Carroll
How to track and stream real-time vehicle location on a live-updating map using EON, JavaScript, and the Mapbox API.
Michael Carroll