A react provider for socket.io, http://socket.io/
In app container file:
import React from 'react';
import { Socket } from 'react-socket-io';
const uri = 'http://localhost/test'
const options = { transports: ['websocket'] }
export default class AppContainer extends React.Component {
constructor(props, context) {
super(props, context);
}
render() {
return (
<Socket uri={uri} options={options}>
{ this.props.children }
</Socket>
);
}
}
In other files:
import React from 'react'
import { Event } from 'react-socket-io';
export default class MyComponent extends React.Component {
constructor(props, context) {
super(props, context);
this.onMessage = this.onMessage.bind(this)
}
onMessage(message) {
console.log(message)
}
render() {
<div>
<h1>My React SocketIO Demo.</h1>
<Event event='eventName' handler={this.onMessage}>
</div>
}
}
- Clone this project.
git clone [email protected]:charleslxh/react-socket-io.git
- Install third party packages
npm install
- Run gulp
gulp
If you has not gulp command, Install it as global.