Al parecer esto ha cambiado un poco, Actualmente los addons se instalan por separado.
npm install -- save react - addons - css - transition - group
Una vez instalado es necesario importar el paquete en el código mediante
import ReactCSSTransitionGroup from 'react-addons-css-transition-group' ;
De esta manera ya es posible realizar la animación como lo hace el profesor. les dejo mi código de PokeChat.js por si a alguien le es útil
import React from 'react' ;
import ReactCSSTransitionGroup from 'react-addons-css-transition-group' ;
import PokeMessage from './PokeMessage' ;
export default class PokeChat extends React . Component {
render ( ) {
return ( < ul className = "pokechat" >
< ReactCSSTransitionGroup transitionName = "message-animation" transitionEnterTimeout = { 500 } >
{
this . props . messages . map ( ( message ) => {
return < PokeMessage key = { message . id } message = { message } / > ;
} )
}
< / ReactCSSTransitionGroup >
< / ul > ) ;
}
}
PokeChat . defaultProps = { messages : [ ] } ;
Saludos.
