Creando mas componentes

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

Daniel Lucumi

student•

#Estoy tratando de implementar este plugin de mansory ya al momento de generar el listado me esta saliendo el error de la imagen

import React from 'react';![](http://)  
import Masonry from 'masonry-layout';  
var masonryOptions = {  
    transitionDuration: 0  
};  
var Gallery = React.createClass({  
    render: function(){  
        var childElements = this.props.imagen.map(function(element){  
           return <li className="image-element-class">{element.imagen}</li>  
        });  
        return <Masonry  
                className={'my-gallery-class'} // default ''  
                elementType={'ul'} // default 'div'  
                options={masonryOptions} // default {}  
                disableImagesLoaded={false} // default false  
            >  
                {childElements}  
            </Masonry>  
    }  
});  
module.exports = Gallery;  
![](http://masmediasoft.com/images/snip_20150911165329.png)

Jorge Méndez Ortega

student•

Usando lo que eh visto pude armar algo como esto,

Pokedex usando react

[repo] ()

Creando mas componentes

Bienvenidos al curso

Introducción a ReactJS

Código del proyecto

¿Qué es React.js?

Del escritorio al browser: Single Page Apps

Patrones de arquitectura en Frontend

Filosofia de Componentes

Componente básico con React

React Developer Tools

Hola mundo en React.js

PropTypes y Render

Creando mas componentes

Preguntas y Respuestas

Conceptos básicos de JSX y ReactJS

Empieza con ReactJS, la librería Javascript de Facebook

Cómo definir una vista con ReactJS

Cómo usar Web Components con ReactJS y AngularJS

Ciclo de vida de un componente, States, Props y Browserify

Instalacion de Browserify

Teoría sobre ciclos de vida en ReactJS

Event handling, State y Browserify

Integración con Librerías de Terceros

Preguntas y Respuestas

Cómo filtrar una lista con ReactJS

Manejo de datos en tiempo real con RethinkDB y ReactJS

Realtime y rutas con ReactJS

Tools CSS: Reset

La teoría detrás de una aplicación RealTime

Realtime apps en ReactJS

Animaciones en ReactJS

Complementando con Socket.io

Creación de Rutas con ReactRouter

Preguntas y Respuestas

Complementos del curso

Flux

Cómo manejar rutas con Page.js

Testing de componentes de React con Jest

Guía de actualización desde React.js v0.13