Cómo crear hooks propios en React

Un hook es básicamente una función, pero con muchas ventajas que aporta React. Hacer un hook propio (o custom hook) es una buena manera de externalizar partes de lógica y sobre todo, hacerla reutilizable, por eso es tan interesante que puedas hacer tus propios hooks. Vamos a hacer un hook que se encargará de detectar […]

Leer más

Hooks para componentes funcionales

Los hooks nos permiten externalizar, encapsular y reutilizar lógica. Yendo a lo básico, podemos recordar que los componentes de clase tenían métodos concretos y propios extendidos de React.Component mientras que los componentes funcionales no. Son sólo una función con lo que nosotros le incluyamos, de manera que no tenemos ni constructor en el que definir […]

Leer más

Componentes funcionales en React

En el último post vimos cómo escribir un componente de clase de React, con sus métodos para controlar el ciclo de vida y algunos detalles más. En este voy a intentar explicar las bases de los componentes funcionales. Como este articulo no incluye gestión del ciclo de vida ni estados porque esos puntos tienen un […]

Leer más

Componentes de clase en React

Hay dos tipos de componentes: de clase y funcionales. En este post voy a explicar los de clase. Para empezar hay que tener en cuenta que los componentes de clase se escriben utilizando clases de ES6 y que deben extender la clase Component de React. Los componentes de clase son capaces de gestionar su propio […]

Leer más

Qué es JSX y como usarlo

Lo que siempre pasa cuando alguien que está viendo código de React por primera vez y ve la parte de JSX es que cree que es HTML, pero no lo es. JSX (JavaScript XML) sirve para escribir HTML en JavaScript. Si al principio te suena mal o te parece complicado no te asustes: es muy […]

Leer más

Cómo iniciar un proyecto Create React App

Este post va a ser tanto rápido como sencillo. No hay gran cosa que explicar pero precisamente por ser sencillo creo que puede estar bien incluirlo en esta especie de guía de inicio para React que estoy haciendo. Aquí intentaré explicar primero cómo utilizar Create React App – en adelante CRA – qué es y […]

Leer más