En los class components de React.js (los que heredan React.Component ) tenemos acceso a ciertos métodos que nos permiten ejecutar código en diferentes puntos de la vida de un componente. Hay que decir que en los functional components, no tenemos acceso a estos métodos.

Con estos métodos podríamos, por ejemplo, ejecutar código cuando el componente esté recién añadido al DOM o cuando se haya actualizado, también antes de que se elimine, entre otras opciones más.

Continuar leyendo «React.js #5: Ciclo de vida de un componente» →

En la entrada anterior, tratamos las propiedades ( this.props) que sirven para pasar información del componente padre a componentes hijos, pero esa información es inmutable, es decir, no se puede modificar. En esta entrada, vamos a ver el estado de un componente y los eventos. El estado de un componente es información del propio componente que se inicializa con un valor por defecto y éste es mutable durante la vida del componente. Si el estado cambia, el componente y sus hijos se volverán a renderizar automáticamente.

Continuar leyendo «React.js #4: Estado y eventos» →

En esta tercera entrada de la serie sobre React.js vamos a ver las propiedades. Básicamente, las propiedades sirven para pasar información de un componente padre a un componente hijo. En cuanto a la sintaxis, desde el padre sería como un atributo de HTML (propiedad=»valor») y para acceder desde el hijo, se hace a través del objeto props. Como nota, es importante saber que las propiedades son inmutables, es decir, no se deberían modificar ni actualizar. También hay que tener en cuenta que React tiene reservadas ciertas propiedades ( className , onClick , onChange , etc.), por tanto, nosotros no podremos ponerle ningún nombre de estos a nuestras propiedades.

Continuar leyendo «React.js #3: Propiedades y aplicar estilos a los componentes» →