Create a gist now

Instantly share code, notes, and snippets.

What would you like to do?
/** @jsx React.DOM */
var MyRootComponent = React.createClass({
getInitialState: function() {
return {perMinute: '-', perDay: '-'};
},
componentDidMount: function() {
var socket = io.connect(this.props.url);
socket.on('business.clickout', this.setState.bind(this));
},
render: function() {
return <MyComponent perMinute={this.state.perMinute} perDay={this.state.perDay} />;
}
});
var MyComponent = React.createClass({
render: function() {
var perMinute = this.props.perMinute;
var perDay = this.props.perDay;
return (
<div>
<h3>Clickouts</h3>
<p>last Minute: {perMinute}</p>
<p>today: {perDay}</p>
</div>
);
}
});
React.renderComponent(
<MyRootComponent url="http://localhost:3000" />,
document.getElementById('domid')
);
@REBELinBLUE

This comment has been minimized.

Show comment Hide comment
@REBELinBLUE

REBELinBLUE Jul 8, 2016

This is the sort of thing I am trying to do myself, I figured I should connect on my root component, but how would you pass the socket down to children components so that they may listen on specific channels?

This is the sort of thing I am trying to do myself, I figured I should connect on my root component, but how would you pass the socket down to children components so that they may listen on specific channels?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment