Complementando con Socket.io

Clase 27 de 33 • Curso Profesional de React.js 2017

Clase anteriorSiguiente clase

Alver Alexander Grisales Ortega

student•

donde puedo bajar estos archivos

Angel M. Cereijo Martinez

student•

Para setear los mensajes de nuevo en el estado, no es necesario la variable intermedia, basta con:
this.state.messages.push(message);
this.setState({ messages: this.state.messages });

Angel M. Cereijo Martinez

student•

Si no vamos a hacer diferenciación entre mensajes propios y de otra ventana, podemos dejar el código más sencillo, evitando el if para comprobar el usuario y haciendo que siempre se pinten los mensajes cuando lleguen desde el servidor

componentWillMount() {
$.get('/pokemons', (pokemons) => {
this.setState({ pokemons: pokemons });
});
this.socket = io('http://localhost:3000');
this.socket.on('message', this.newMessage.bind(this));
}

onGrowl(name) {
const message = {
id: uid(),
user: this.user,
text: ${name}, ${name}!!,
};
this.socket.emit('message', message);
}

José María Carro López

student•

yo creo que si lo que queremos es ver quién hizo el mensaje podríamos pasar esa info desde el mismo onClick del PokeRow, pues en las props del PokeRow va el pokemon.number, que es el key de cada PokeRow (el número de cada personaje). En vez de pasar en la función .call() dentro del onClick las this.props.name podemos pasar en un objeto {this.props.name, this.props.number} y luego las referenciaríamos en el onGrowl. digo, está genial que nos enseñen otro método, pero como yo lo estoy pensando (que me falta comprobarlo) es mucho más sencillo

Guillermo Mansilla

student•

Un Callback es una función que se va a ejecutar cuando se termine el Find(). En este caso.

Dante Jauregui Yallico Jauregui Yallico

student•

donde esta el archivo de pokemons? o como se llama ese archivo? no encuentro 😦

Dante Jauregui Yallico Jauregui Yallico

student•

nombre de archivo: “pokemon.js”