With SocketIO

React Higher Order Component for SocketIO

Install

yarn add with-socketio

Usage

Use it like this:

import React, { Component } from 'react'
import WithSocket from 'with-socketio';

class MyComponent extends Component {
  render () {
    return (
      <MyComponent />
    )
  }
}

WithSocket(MyComponent, { url, channels });

• url: The url to your SocketIO server (@string)
• channels: The channles you want to listen to (@array)

Example:

WithSocket(MyComponent, {
  url: 'http://localhost:5000',
  channels: ['events', 'data', 'error']
});

You can then access the events socket at this.props.events

Props

This HoC adds the props to your component:

[channels]: Your channels (@obj)
error: Error message (@string)
emit: Emit a message (@func)

Emit message

You can also emit messages to a channel:

this.props.emit('channel-name', 'Hello, Channel!');

Made with Create React Library

License

MIT © fredjens