Concepto de reacción: Pureza

¿Qué es la pureza, una función pura y un componente puro?

En JavaScript, cuando una función no muta objetos sino que simplemente devuelve un objeto nuevo, se denomina función pura.

Una función, o un método, para ser llamadopurono debe causar efectos secundarios y debe devolver la misma salida cuando se llama varias veces con la misma entrada.

Una función pura toma una entrada y devuelve una salida sin cambiar la entrada ni nada más.

Su salida solo está determinada por los argumentos. Puede llamar a esta función 1 M veces, y dado el mismo conjunto de argumentos, la salida siempre será la misma.

React aplica este concepto a los componentes. Un componente de React es un componente puro cuando su salida solo depende de sus accesorios.

Todos los componentes funcionales son componentes puros:

const Button = props => {
  return <button>{props.message}</button>
}

Los componentes de la clase pueden ser puros si su salida solo depende de los accesorios:

class Button extends React.Component {
  render() {
    return <button>{this.props.message}</button>
  }
}

Descarga mi gratisReact Handbook


Más tutoriales de react: